老师帮忙看下为啥不对呢?
来源: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>></div>
</body>
</html>
1回答
同学你好,代码有以下几个问题:
1、@keyframes的单词写错了。
2、向下的箭头来回移动改变的是bottom值,而不是rotateY()的值。
3、当鼠标移入,小箭头才有向下移动,需要给div添加:hover来实现。
参考下图修改:
祝学习愉快!
相似问题