当前位置:
  • 教程中心
  • 技术文摘
  • css鼠标经过图片放大过渡动画

    css鼠标经过图片放大过渡动画

    发布时间:2022-06-27

    html 代码如下:
    <div> <img src="1.jpg" /> </div>


    hover效果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);
    }