请问老师这样是否可以?是否有需要修改的地方?

来源:2-20 编程练习

铁蛋金刚侠

2020-11-22 14:39:01

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>2-4</title>

    <style type="text/css">

        div {

            font-family'Microsoft Yahei';

            font-size60px;

            font-weightbold;

            line-height600px;

            positionabsolute;

            top-1000px;

            right0;

            left0;

            width800px;

            height600px;

            marginauto;

            text-aligncenter;

            border5px solid #000;

            border-radius50%;

            animation-name: disp;

            animation-duration1s;

            /*此处写代码*/


            animation: change 2s ease 0s;

        


       }



       @keyframes change {

           from {

               top:-1000px;

               transformscale(0.5);

           }


           to{

               top:0px;

               transformscale(0.5);

           }

       }

   </style>

</head>

<body>

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

</body>

</html>


在这里输入代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕星星

2020-11-22

同学你好,练习要求延迟2s,动画中没有实现哦。参考修改

http://img.mukewang.com/climg/5fba187b091b1e5a05880125.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程