html5第八课时，移动的飞机

来源：互联网发布：朕是什么意思网络此意编辑：程序博客网时间：2024/05/03 22:16

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>飞机</title>    <style>        img{            width:150px ;            -webkit-animation: plane 15s ease-in-out 1s;            -o-animation: plane 15s ease-in-out 1s;            animation: plane 15s ease-in-out 1s;        }        @keyframes plane {            0%{                transform: translate(0px,0px);            }            20%{                transform: translate(100px,200px);            }            40%{                transform: translate(200px,0px);            }            60%{                transform: translate(300px,200px);            }            80%{                transform: translate(400px,0px);            }            100%{                transform: translate(500px,200px);            }        }    </style></head><body><img src="../../image/plane_1.jpg" alt=""/></body></html>

0 0