请老师帮忙看一下作业谢谢啦

来源:2-20 编程练习

清夏_

2022-04-27 23:19:06

<!DOCTYPE html><html lang="en">
<head>    <meta charset="UTF-8">    <title>2-4</title>    <!-- 2-20 编程练习如今有一些页面元素会在网页加载完成之后以一个绚丽的飞入效果博得浏览者的眼球,比如一个温馨提示框在网页加载之后2s左右从上方飞下来。那么我们也来尝试一下吧。效果图如下:任务1、创建一个div,用css控制其大小、边框、字体、位置等。2、设置div的动画名称、动画持续时间和动画延迟。3、创建动画。-->    <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: ylj .5s linear 2s;        }
        @keyframes ylj {            from {                top: 0;            }
            to {                top: 80px;            }        }    </style></head>
<body>    <div>大家好,欢迎来到慕课网!</div></body>
</html>

搜索

复制

写回答

1回答

好帮手慕久久

2022-04-28

同学你好,建议调整一下元素动画的初始位置:

https://img.mukewang.com/climg/6269f75309e50abf07990750.jpg

祝学习愉快!

0

0 学习 · 17877 问题

查看课程