变形效果

来源:互联网 发布:对高维数据进行降维 编辑:程序博客网 时间:2024/05/17 03:39
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>变形效果</title>    <style>       /* /!*transform为变形函数*!/        img{            /!*偏移x,y*!/            transform: translate(500px ,100px);            /!*缩放xy*!/            transform: scale(1.5);            /!*倾斜角度*!/            transform: skew(20deg);            /!*旋转*!/            transform: rotatey(50deg);        }*/       /*过渡效果 过渡时间 指定过渡函数 过渡方式 时间延迟*/       img{           transition: all 1.2s ease 0s;      }        imghover{        }        div{            width: 158px;            height: 183px;            border: 1px solid red;        }    </style></head><body><div>    <img src="../img/f3_Android1.png" ></div></body></html>
0 0
原创粉丝点击