欢迎光临散文网 会员登陆 & 注册

[前端小案例]-HTML+CSS旋转风车-源码

2023-02-22 16:37 作者:是杰瑞-RayUang  | 我要投稿

效果

fan.gif

制作原理

使用一个大盒子存放风车,大盒子中放置四个等分的小盒子;

设置小盒子边框为小盒子宽高的一半,并设置颜色,用来模拟风车的四个叶片;

最后使用 @keyframes 规则创建动画使大盒子旋转。

源码

HTML

css



[前端小案例]-HTML+CSS旋转风车-源码的评论 (共 条)

分享到微博请遵守国家法律