动态风车
来源:互联网 发布:刻录光盘的软件 编辑:程序博客网 时间:2024/04/27 02:26
动态风车
*{
padding:0;
margin:0;
}
body{
background:#000;
}
div:nth-child(1){
height:0;
width:10px;
border-width:0 20px 120px 20px;
border-style:none solid solid;
border-color:transparent transparent white;
position: absolute;
top:260px;
left:45%;
}
div:nth-child(2){
width:30px;
height:30px;
background:white;
border-radius: 15px;
position: absolute;
top:250px;
left:45.75%;
z-index: 2;
}
div:nth-child(3){
height:0;
width:3px;
border-width:0 5px 100px 5px;
border-style:none solid solid;
border-color:transparent transparent brown;
position: absolute;
top:170px;
left:46.5%;
transform:rotate(-45deg);
animation:rotate1 2s linear infinite;
transform-origin: bottom;
}
div:nth-child(4){
height:0;
width:3px;
border-width:0 5px 100px 5px;
border-style:none solid solid;
border-color:transparent transparent pink;
position: absolute;
top:170px;
left:46%;
transform:rotate(45deg);
animation:rotate2 2s linear infinite;
transform-origin: bottom;
}
div:nth-child(5){
height:0;
width:3px;
border-width:0 5px 100px 5px;
border-style:none solid solid;
border-color:transparent transparent yellow;
position: absolute;
top:158px;
left:46.4%;
transform:rotate(180deg);
animation:rotate3 2s linear infinite;
transform-origin: bottom;
}
@keyframes rotate1 {
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
@keyframes rotate2 {
0%{
transform: rotate(120deg);
}
100%{
transform: rotate(480deg);
}
}
@keyframes rotate3 {
0%{
transform: rotate(240deg);
}
100%{
transform: rotate(600deg);
}
}
- 动态风车
- 风车断想
- css风车
- 蓝风车家园
- 荷兰风车 木鞋 郁金香
- 蓝风车连接
- 《风车》——仓央嘉措
- 风车咿呀呀
- android 旋转风车效果
- 风车网之败
- Win32 三色旋转风车
- 【C】Win32 风车实现
- CSS3实现风车
- 荷兰风车标志
- javascript实现风车效果
- HTML5--风车动画案例
- Android吹风车效果
- vc++程序-旋转的风车
- thinkphp5 —— 引入public目录下的css/js路径问题
- 判断数组与json
- Java多线程编程-(3)-线程本地ThreadLocal的介绍与使用
- 自定义View模拟下载/加载动态progress
- String类length与codePointCount的区别
- 动态风车
- TimeUnit的简略介绍
- 欢迎使用CSDN-markdown编辑器
- 面向对象进阶 03 生成 World 测试报告
- C语言中Static和Const关键字的的作用
- Vysor PRO 破解方法
- 庞加莱买面包的故事(二)
- js刷新页面总结
- SQL Server中的临时表是否需要显式删除?