Css3的旋转和位移

最新推荐文章于 2022-11-14 10:53:38 发布

烧脑袋

最新推荐文章于 2022-11-14 10:53:38 发布

阅读量824

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44543312/article/details/86662470

开发工具与关键技术：DW rotate()、translate()
撰写时间：2019年1月26日

这是一个通过HTML的布局和css3来实现简单好玩的动画效果。（效果图如下：）在这里插入图片描述
在css3中使旋转rotate()函数通过指定的角度参数让元素相对原点进行旋转、再利用位移translate()函数将元素向指定的方向移动，最后通过hover伪类来结合实现的动画效果。（代码如下：）