图片滑动发大效果scale()方法

图片滑动发大效果 scale()方法

缩放，根据中心原点进行缩放，

• 里面数字大于1是 ”放大“
• 里面数字小于1是 “缩小”
• scaleX(x)：元素仅水平方向缩放（X轴缩放）
• scaleY(y)：元素仅垂直方向缩放（Y轴缩放）
• scale(x,y)：元素水平方向和垂直方向同时缩放（X轴和Y轴同时缩放）

transform: scale(0.2);
transform: scale(1.2);

img {
            width: 100px;
            height: 100px;
            transition: all .5s;
        }
        
        div {
            width: 100px;
            height: 100px;
            border: 2px solid green;
            overflow: hidden;
        }
        
        img:hover {
            transform: scale(1.2);
        }