老师检查一下作业

来源:2-20 编程练习

慕函数0445997

2022-11-07 14:53:29

<!DOCTYPE html>

<html lang="en">

<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: move 1s linear 2s forwards;

       }

       @keyframes move{

           from{

               top: -1000px;

           }

           to{

               top: 0;

           }

       }

   </style>

</head>

<body>

    <div>大家好,欢迎来到慕课网!</div>

</body>

</html>


写回答

1回答

imooc_慕慕

2022-11-07

同学你好,代码效果正确,很棒,祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程