鱼塘码农

菜鸟学习记录
鱼海无涯

鼠标放在图片上,图片放大的CSS样式

  <body>
    <img src="./test.jpg"/>
    <style>
        body{
            text-align: center;
        }
        img{
            width: 100px;
            height: 100px;
            border-radius: 50%;  /*圆角*/
            transition: all 0.5s; /*变形时间*/
            -webkit-transition: all 0.5s; /*webkit内核*/
            -o-transition: all 0.5s; /*内核*/
            cursor: pointer; /*鼠标移入变小手*/
        }
        img:hover{
            transform: scale(1.1); /*鼠标移入放大1.1倍*/
        }
    </style>
</body>
文章内容可能来自网络,纯为学习使用,若有侵权,请联系我删除 | 当前页面:鱼塘码农 » 鼠标放在图片上,图片放大的CSS样式

评论