h5旋转效果
2024-08-28 02:05:30
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css"> #img{ width:200px;
height:200px;
border:100px solid green;
border-left-color: red;
border-right-color: black;
border-top-color: yellow;
margin:100px;
border-radius:50%;
-webkit-animation:circle 1s infinite linear;
-moz-animation:circle 1s infinite linear;
}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-360deg); }
}
@-moz-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-360deg); }
} </style> </head>
<body>
<div id="img"></div>
</body>
</html>
最新文章
- Nginx+Tomcat+Redis实现负载均衡、资源分离、session共享
- kali安装后的网络设置
- LeetCode Encode and Decode Strings
- windows azure中国 里面建立一个虚拟机,与虚拟机建立通信 里面部署IIS,外网访问
- 内存调试工具---valgrind
- ios警告:Category is implementing a method which will also be implemented by its primary class 引发的相关处理
- Python之创建单元素tuple
- copy(source,destination)拷贝文件
- js 解析XML 在Edge浏览器下面 无法准确读到节点属性值
- 使用 Http 的 Post 方式与网络交互通信
- WPF Uri
- [BBS]搭建开源论坛之JForum安装使用札记
- flutter登录页部分内容
- .NET项目中使用PostSharp
- C语言事实上不简单:sizeof
- 深入java final关键字
- Easyui入门视频教程 第05集---Easyui复杂布局
- MySQL--MODIFY COLUMN和ALTER COLUMN
- delphi自带的SHA1算法
- echarts实现柱状图分页展示