作业问题！

为啥我在我电脑是运行正常的代码，交作业上去会显示，完全不同啊，老师用的是什么浏览器测试！！！

源自：宣传页项目 5-6 作业题

收起

3回答

好帮手慕慕子回答被采纳获得+3积分 2019-12-10 10:26:04

同学你好，对于问题解答如下：

作业要求是内容区域宽度为1200px，但是外层盒子的背景图片或背景颜色需要全屏显示。
示例：
同学这里实现的闪烁动画效果很棒，但是不符合作业要求的呼吸灯效果，所以老师建议同学通过scale属性实现放大缩小的呼吸效果。
因为你在鼠标移入的时候，五个语言模块上还有section3_animate动画类，所有不会停止呼吸效果。
建议：鼠标移入的时候，先去除所有的动画类

鼠标移出的时候，先清除与hover类相关的类名，然后在添加对应的动画类

如果帮助到了你，欢迎采纳，祝学习愉快~

qq_慕九州2374973 提问者 #1

谢谢老师，大致懂了，不过老师还是没注意到一个细节。鼠标第一次移入和第二移入需要移出的class是不一样的，section3_animate1和section3_animate11，前者有延时，后者没有，鼠标移出后需要立即回复动画。

2019-12-10 11:28:43

好帮手慕慕子 2019-12-09 18:31:16

同学你好，同学具体是指哪里不同呢？老师是在谷歌浏览器下测试的，老师去查看了一下你的作业，因为作业中的每一个区域整体宽度设置为固定的值1200px, 导致在你的电脑上打开可能是正常显示的，但是在其他分辨率大的电脑上显示时，页面没有全屏显示。

如果还有问题，可以再次提问，详细描述一下你的问题，便于老师帮助同学准确的定位与解决问题。

如果帮助到了你，欢迎采纳，祝学习愉快~

提问者 qq_慕九州2374973 #1

我是按照题目要求，容器宽度1200px设置的，老师把它全部修改成100%后，我的布局当然会出现问题，而且老师没有理解到我那个圆圈的意思，最开始闪烁是延时3s，鼠标移入后，分别加上对应颜色的box-shadow和text-shadow,鼠标离开后立马回复呼吸效果，用hover是根本无法实现的。

2019-12-09 19:20:12
提问者 qq_慕九州2374973 #2

而且我奇数和偶数设置的呼吸效果是相反的，所以看起来是闪烁的

2019-12-09 19:21:37
提问者 qq_慕九州2374973 #3

老师还没回答设置 -webkit-animation-play-state:paused;怎么没有效果

2019-12-09 22:02:49