辛苦老师检查一下，谢谢

来源：2-20 编程练习

转行学习中_阶段一

2022-10-21 17:59:45

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2-4</title>
    <style type="text/css">
        div {
            font-family: 'Microsoft Yahei';
            font-size: 60px;
            font-weight: bold;
            line-height: 600px;
            position: absolute;
            top: -1000px;
            right: 0;
            left: 0;
            width: 800px;
            height: 600px;
            margin: auto;
            text-align: center;
            border: 5px solid #000;
            border-radius: 50%;
            animation-name: disp;
            animation-duration: 1s;
            /*此处写代码*/
            animation-timing-function: ease;
            animation-iteration-count: infinite;
            
       }
       @keyframes disp {
           from {
               transform:translateY(-1000px);
           }
           to {
               transform:translateY(1200px);
           }
       }
   </style>
</head>
<body>
    <div>大家好，欢迎来到慕课网！</div>
</body>
</html>

写回答

1回答