老师帮忙看下为啥不对呢?

来源:2-18 编程练习

好帮手慕斯林

2020-11-10 09:49:50

# 具体遇到的问题
老师帮忙看下为啥不对呢?
# 报错信息的截图

# 相关课程内容截图

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

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

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>2-9</title>

    <style type="text/css">

        div {

            font-family: Arial;

            font-size: 72px;

            font-weight: bold;

            position: fixed;

            right: 0;

            left: 0;

            width: 30px;

            height: 30px;

            margin:100px auto;

            transform: rotate(90deg);

            /*此处写代码*/

            transform:rotateY(0px);

            animation:xiangxia 5s linear 0s infinite alternate;

        }

        @keframs xiangxia{

            from{

                transform:rotateY(0px);

            }

            to{

                transform:rotateY(100px);

            }

        }

    </style>

</head>

<body>

    <div>&gt;</div>

</body>

</html>


写回答

1回答

好帮手慕鹤

2020-11-10

同学你好,代码有以下几个问题:

1、@keyframes的单词写错了。

2、向下的箭头来回移动改变的是bottom值,而不是rotateY()的值。

3、当鼠标移入,小箭头才有向下移动,需要给div添加:hover来实现。

参考下图修改:

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

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

祝学习愉快!

0

0 学习 · 15276 问题

查看课程