变形实例2

来源:互联网 发布:js网页编程 编辑:程序博客网 时间:2024/06/06 12:22
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title></head><style>    img{        transform: scale(0.4);        animation: plane 4s ease-in-out 0.1s 2 alternate;    }    @keyframes plane {        0%{            transform: translate(0px ,0px);        }        20% {            transform: translate(200px, 200px);        }            40%{                transform: translate(400px,100px);            }        60%{            transform: translate(600px,400px);        }        80%{            transform: translate(800px,300px);        }        100%{            transform: translate(1000px 500px);        }        }</style><body><img src="../img/plane_1.jpg" alt=""/></body></html>
0 0
原创粉丝点击