老师 @keyframes里面为什么不能用transform:translateY
<!DOCTYPE html><html lang="en"><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%; animation-name: disp; animation-duration: 1s; /*此处写代码*/ animation-delay: 2s; animation-timing-function: linear; } @keyframes disp{ from{transform:translateY(-1000px)} to{transform:translateY(0px)} } </style></head><body> <div>大家好，欢迎来到慕课网！</div></body></html>
正在回答
同学你好，是可以的呀，同学检查一下是不是符号没有添加。
在第一次的问答截图里面，因为transform是最后设置的属性，后面没有其他的属性了，可以不加。
如有其他属性，必须要加（为了避免不必要的错误，建议属性值后面都加分号）
同学再测试下，如果还是不能实现效果，可以把代码粘贴上来。
如果帮助到了你，欢迎采纳，祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星