为了账号安全,请及时绑定邮箱和手机立即绑定
这种设计太巧妙了 为了寻找到相关类 结构布局有点不太常规
老师的视频太好了 把scroll放在body里结果跟老师的不一样了 研究了发现了position的一些规律 absolute的终极参考(父级没有position属性的)不是body而是视窗口,relative的终极参考是body,但是body是一个不太一样的块元素,他的background不是自身而是视窗口,知道以上规律就能随心所欲的制作自己的响应式页面了,不知道我发现的规律对不对。反正我按照这个规律搞没出问题。
新技能Get
纠正人家发音不准的同学们,人家发音就这样,爱听就听不爱听拉倒,那么多事。

最赞回答 / 前端林小白
Input:checked~scroll~波浪选择器只适用于同级,要把section这个大div放到input这个父级的下面就可以了
不过更推荐.navigate-st-container input:checked:hover + a,因为你不在为摆放位置而产生一系列的问题
.navigate-st-container input:checked:hover + a/*鼠标滑过选中的input下的a颜色不变化,直接把.st-container input:hover + a设置到.st-container input:checked + a前面也可以,等于用checked覆盖掉前面hover的设置*/
overflow:hidden 应该定义在section上。
不知道为什么,我做出来点击一个,h2就先出来了,外加一个向下滑动的效果。只好先把h2的opacity设成0,然后把animation的backwards改成both。就可以实现图中的效果了。
课程须知
本课程适合有(X)HTML和CSS2.0基础及对HTML5和CSS3.0有所了解的童鞋们。
老师告诉你能学到什么?
1、如何分析动画效果 2、如何使用@font-face引入自定义的字体 3、如何使用transform变换实现平移、旋转 4、如何使用transition实现过渡动画 5、如何使用animaition和keyframes定义动画

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消