关于css旋转动画

我们可以通过css来做出动画效果,下面我为大家演示的是div的旋转,颜色过渡的动画

  1. <!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title></title><style> a{ text-align:center; line-height:100px; transition:all 2s; width:100px; height:100px; background:pink; float:left; border-radius:50%; } a:hover{ transition:all 2s; background:red; transform-origin:50 100; transform:rotate(360deg); border-radius:50%; }</style></head><body><h1>请将鼠标移动到下面的矩形上:</h1><a> 两秒旋转360</a></body></html>

登录后复制

效果自己测试,很绚丽哦

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    移动端 软键盘 弹出时 影响布局

    2025-3-9 7:46:42

    编程技术

    Sublime Text3快捷键实用总结

    2025-3-9 7:46:47

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索