css实现一个转动的风车

作者: xusx 分类: Web 发布时间: 2022-05-22 17:52 浏览:61

风车有4个叶片,都是三角形,需要创造4个三角形。

如:

border: 50px solid #f73833;
border-left: 50px solid transparent;
border-bottom: 50px solid transparent;

旋转动画效果:

@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

具体请看 demo 效果及源代码。

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!