css3-旋转的太极图
2024-08-28 21:45:29
123
body {
background-color: #aaa;
}
.div {
width: 400px;
height: 400px;
border-radius: 50%;
border: 1px solid #ddd;
background-image:
radial-gradient(50% 50% at 50% 25%, #000 10%, transparent 0),
radial-gradient(50% 50% at 50% 75%, #fff 10%, transparent 0),
radial-gradient(50% 50% at 50% 25%, #fff 50%, transparent 0), radial-gradient(50% 50% at 50% 75%, #000 50%, transparent 0),
linear-gradient(to left, #fff 50%, #000 50%);
animation: rotate 3s linear infinite;
}
@keyframes rotate {
from { transform: rotate(0deg) }
to { transform: rotate(360deg)}
}
</style>
最新文章
- ajax返回json在 IE下,提示打开或保存的解决方法
- Java 导入Excel文件到数据库
- LeetCode之Unique Binry Search Trees
- 无插件的大模型浏览器Autodesk Viewer开发培训-武汉-2014年8月28日 9:00 &ndash; 12:00
- angular的post请求,SpringMVC后台接收不到参数值的解决方案
- 计算机网络 学习笔记-传输层:TCP协议简介
- asp.net 后台实现删除,划掉效果
- Asp.Net 之 抓取网页内容
- ARM GCC 内嵌汇编手册
- 用 oracle vitual box 克隆虚拟机,找不到eth0的解决方案
- 关于iptables的u32匹配
- 使用Python写一个贪吃蛇
- 在CentOS7上通过RPM安装实现LAMP+phpMyAdmin过程全记录
- POJ3083 Children of the Candy Corn(Bfs + Dfs)
- 常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介
- Ngnix 配置文件
- 使用 JdbcTemplate 查询数据时报错:列名无效(已解决)
- SCRUM站立会议模拟
- MVC动态二级域名解析
- NSPredicate的使用