css动画京东小布hover放大

css动画京东小布hover放大
 
<style>
    .box {
        width: 183px;
        height: 130px;
        overflow: hidden;
        border: 1px solid pink;
    }
    div img {
        width: 193px;
        height: 130px;
        transition: all 0.4s;
    }
    div:hover img {
        /* margin-left: -10px; */
        /* 还可以其他的放式*/
        /*transform: translateX(-10px);*/
        transform: scale(1.1);
    }
</style>
</head>
<body>
    <div class=”box”>
        <!–386*260–>
        <img src=”img/xiaobu.jpg”>
    </div>
</body>
谁做动画,动画效果状态写谁身上,动画过程写hover中

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64703.shtml

张贴在3