为什么不出现效果

来源:2-14 编程练习

小熊饼干seven

2017-08-27 12:29:01

<!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%;

            -webkit-animation-name: disp;

            animation-name: disp;

            -webkit-animation-duration: 1s;

            animation-duration: 1s;

            -webkit-animation-timing-function: linear;

            animation-timing-function: linear;

            -webkit-animation-delay:2s;

            animation-delay:2s;

            -webkit-animation-iteration-count:infinite;

            animation-iteration-count:infinite;

       }

       @keyframes disp{

           from{top:-1000;}

           to{top:200;}

       }

       

   </style>

</head>

<body>

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

</body>

</html>


写回答

1回答

怎么都被占用了呢

2017-08-27

忘记加单位了哦http://climg.mukewang.com/59a273e6000123fd03390105.jpg

0

0 学习 · 5760 问题

查看课程