css动画效果，图片旋转

最新推荐文章于 2024-07-26 08:00:00 发布

5024

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量3.6k

点赞数

文章标签： css html

本文链接：https://blog.csdn.net/m0_37771093/article/details/80554479

版权

css动画效果还是很有趣味的，放一个图上去,鼠标移动到图片上，图片旋转，这个旋转的时间和角度,方向是可以设置的，相关属性需要了解一下。很有趣！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<style>
    img{
        margin: 100px auto;
        transition:all 2s;    
    }
    img:hover{
        transform: rotatey(180deg);  /*rotatey 通过传递一个度数值转动一个对象*/

/*以y轴为中心旋转*/

}</style><body><img src="" alt=""></body></html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

5024

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css动画效果，图片旋转

css动画效果还是很有趣味的，放一个图上去,鼠标移动到图片上，图片旋转，这个旋转的时间和角度,方向是可以设置的，相关属性需要了解一下。很有趣！&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/tit
复制链接

扫一扫