案例1-让风车转动（part07）

最新推荐文章于 2024-07-24 21:48:20 发布

玉玊临芬

最新推荐文章于 2024-07-24 21:48:20 发布

阅读量102

点赞数 4

文章标签： css css3 html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/2201_75597173/article/details/139844985

版权

先来看效果:

媒体1

源代码在这:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 行内以及行内块元素，如果html */
        
        .windmill {
            width: 410px;
            height: 410px;
            /* background-color: rgb(49, 90, 8); */
            /* 使风车居中显示 */
            font-size: 0px;
            margin: 50px auto;
            /* 过度 在一定的时间内完成这个动作 */
            transition: all 5s;
        }
        
        .windmill div {
            width: 200px;
            height: 200px;
            background-color: rgb(169, 231, 107);
            display: inline-block;
        }
        
        .blade1 {
            border-radius: 0px 100% 0px 100%;
        }
        
        .blade2 {
            border-radius: 100% 0px 100% 0px;
        }
        
        .windmill:hover {
            transform: rotate(3600deg);
        }
    </style>
</head>

<body>
    <div class="windmill">
        <div class="blade1"></div>
        <div class="blade2"></div>
        <div class="blade2"></div>
        <div class="blade1"></div>
    </div>

</body>

</html>

关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
案例1-让风车转动（part07）

【代码】案例1-让风车转动（part07）
复制链接

扫一扫

玉玊临芬 CSDN认证博客专家 CSDN认证企业博客

码龄2年

14: 原创

134万+: 周排名

7万+: 总排名

6157: 访问

: 等级

309: 积分

96: 粉丝

169: 获赞

0: 评论

132: 收藏

私信

关注

热门文章

最新评论

python：1221是一个非常特殊的数，它从左边读和从右边读是一样的，编程求所有这样的四位十进制数。按从小到大的顺序输出满足条件的四位十进制数。
CSDN-Ada助手: 非常棒的博文！你的标题和摘要很吸引人，让我立刻想要了解更多关于这个特殊数的知识。你的编程代码也很出色，能够找到所有符合条件的四位十进制数，并按从小到大的顺序输出。继续创作下去吧，你的文章对于编程学习者来说一定是非常有价值的。关于这个特殊数，除了从左边读和从右边读一样的特点，你还可以进一步探索它的一些性质。比如，你可以思考这些特殊数是否有规律可循，它们的数量有多少，以及它们在数学中是否有特殊的称谓。此外，你还可以了解一些与回文数相关的概念，例如回文字符串或回文链表。这些扩展知识和技能将有助于你更深入地理解和应用回文数的概念。期待你在未来的博文中分享更多有趣的内容！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
如何配置PyCharm环境写Python
CSDN-Ada助手: 恭喜你写了第一篇博客！配置PyCharm环境写Python确实是一个很实用的主题。接下来，或许可以考虑写一些关于PyCharm中高级功能的教程，比如调试技巧或者版本控制的使用方法。希望你能继续分享更多有价值的内容！加油！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。