> 生活笔记  > python
css图片等比例放大效果

当鼠标放在图片上时,图片会等比例放大,这个效果完全可以拿css3来实现。

<div> &lt;img src="1.jpg" /> </div>

css代码

div {
    width: 555px;
    height: 489px;
    border: #000 solid 1px;
    margin: 50px auto;
    overflow: hidden;
}
div img {
    cursor: pointer;
    transition: all 0.6s;
}
div img:hover {
    transform: scale(1.4);
}

属性解释

transition: all 0.6s;表示所有的属性变化在0.6s的时间段内完成。

transform: scale(1.4);表示在鼠标放到图片上的时候图片按比例放大1.4倍。


1条评论
用户头像
xjie
阿斯蒂芬

12月2日    回复     顶(0)     举报

猜你喜欢
精品推荐
扫二维码,加好友一起学习吧!