变形效果

最新推荐文章于 2020-03-22 20:02:17 发布

ztt0918

最新推荐文章于 2020-03-22 20:02:17 发布

阅读量231

点赞数

分类专栏：变形效果文章标签：变形效果

本文链接：https://blog.csdn.net/ztt0918/article/details/71908148

版权

变形效果专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变形效果</title>
    <style>
       /* /!*transform为变形函数*!/
        img{
            /!*偏移x,y*!/
            transform: translate(500px ,100px);
            /!*缩放x，y*!/
            transform: scale(1.5);
            /!*倾斜角度*!/
            transform: skew(20deg);
            /!*旋转*!/
            transform: rotatey(50deg);
        }*/

       /*过渡效果 过渡时间 指定过渡函数 过渡方式 时间延迟*/
       img{
           transition: all 1.2s ease 0s;

      }
        img：hover{

        }
        div{
            width: 158px;
            height: 183px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
<div>
    <img src="../img/f3_Android1.png" >

</div>

</body>
</html>