老师,为什么会没有动画响应呢?

老师,为什么会没有动画响应呢?

<h2 class="scrieen1-heading scrieen-1_heading_animate_init">实战课程重磅上线</h2>

.scrieen1-heading{     animation: all .5s; }

.scrieen-1_heading_animate_init{     opacity: 0;     transform: translate(0,100%); }

.scrieen-1_heading_animate_done{     opacity: 1;     transform: translate(0,0); }

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕星星 2019-07-20 13:52:59

同学你好,视频中两个下划线是一种命名方式,后面跟着子元素或者修饰的样式,不过这里不是固定的哦,只要html,css和js中一致即可。

视频中是将scrieen1-heading,拼接上_animate_done,在给元素设置上class属性值。

如果忘记了可以回顾一下4-2:

http://img1.sycdn.imooc.com//climg/5d32abdb0001036d04080292.jpg

自己测试效果还有问题的话,建议把代码粘贴上来,可以分开粘贴,老师帮助你测试。或者将完成的作业提交上去,标注你的问题,批复作业的老师会给出详细的指导建议。

祝学习愉快!

  • 提问者 慕丝2001240 #1
    好,我再看看视频,再提交作业
    2019-07-20 14:20:39
提问者 慕丝2001240 2019-07-20 11:16:53

我是怀疑我这个命名是不是有什么问题,之前你在课上讲的,那个class名,为什么是要__两个,这个scrieen-1_heading_animate_done是怎么来获取到的呢?

好帮手慕星星 2019-07-19 19:23:32

同学你好,只有部分代码无法定位问题所在,建议将全部代码粘贴上来,老师帮助你测试下。

祝学习愉快!

  • 提问者 慕丝2001240 #1
    我是怀疑我这个命名是不是有什么问题,之前你在课上讲的,那个class名,为什么是要__两个,这个scrieen-1_heading_animate_done是怎么来获取到的呢?因为代码就这几行有相关,代码又多,不好全部贴上
    2019-07-20 11:17:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师