css3实现网页平滑过渡效果_技术问答

首页免费课 css3实现网页平滑过渡效果问答

css3实现网页平滑过渡效果

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42721
免费课程
                                
CSS3实现“图片阴影”效果
初级·34767
免费课程
                                
Tab选项卡切换效果
初级·65469
免费课程
                                
DOM事件探秘
中级·99545
免费课程
                                
瀑布流布局
初级·97759
免费课程
                                
                难度初级
            
                时长 2小时 5分
            
                学习人数
            
综合评分9.80
                            166人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.8
                                简洁易懂
                            
                                9.8
                                逻辑清晰

全部评论问答未解决精华

DangCode

其实仔细想想动画还是靠点击才执行选择器先选择input：checked 然后在各种寻找才最终找到h2 所以也是点击才执行的而且transition也可也不点击就执行毕竟都是元素的属性只要相应元素被选中则执行

0 2-7 导航页背影动画制作（animation制作动画）

2016-05-05

DangCode

老师 html：5 按下tab 直接出来html结构不用一个一个打

0 2-3 导航页面切换（3）

2016-05-05

DangCode

这种设计太巧妙了为了寻找到相关类结构布局有点不太常规

0 2-3 导航页面切换（3）

2016-05-05

DangCode

老师的视频太好了把scroll放在body里结果跟老师的不一样了研究了发现了position的一些规律 absolute的终极参考（父级没有position属性的）不是body而是视窗口，relative的终极参考是body，但是body是一个不太一样的块元素，他的background不是自身而是视窗口，知道以上规律就能随心所欲的制作自己的响应式页面了，不知道我发现的规律对不对。反正我按照这个规律搞没出问题。

0 2-2 导航页面切换（2）

2016-05-05

qq_旧人旧事不在提起_0

学到很多，很棒

0 2-5 导航页背影动画制作（@font-face实现小icon）

2016-05-04

sakurashine

新技能Get

0 3-3 总结

2016-05-01

GTX760

纠正人家发音不准的同学们，人家发音就这样，爱听就听不爱听拉倒，那么多事。

3 1-4 使用radio制作导航（添加样式）

2016-04-25

214秒

学了很多...很好

0 2-7 导航页背影动画制作（animation制作动画）

2016-04-25

yanmoer

不过更推荐.navigate-st-container input:checked:hover + a，因为你不在为摆放位置而产生一系列的问题

0 1-6 导航三角制作

2016-04-24

yanmoer

.navigate-st-container input:checked:hover + a/*鼠标滑过选中的input下的a颜色不变化,直接把.st-container input:hover + a设置到.st-container input:checked + a前面也可以，等于用checked覆盖掉前面hover的设置*/

0 1-6 导航三角制作

2016-04-24

什么味道

overflow:hidden 应该定义在section上。

1 2-4 导航页背影动画制作（图标三角背景制作）

2016-04-24

什么味道

不知道为什么，我做出来点击一个，h2就先出来了，外加一个向下滑动的效果。只好先把h2的opacity设成0，然后把animation的backwards改成both。就可以实现图中的效果了。

0 2-7 导航页背影动画制作（animation制作动画）

2016-04-23

什么味道

千万不能自作主张把所有input放到一个div里面。放进去那个波浪号选择器就不起作用了。

1 2-3 导航页面切换（3）

2016-04-22

AngleYan

非常好，继续学习楼

2016-04-21

丁俊英0

手写框架,我服!

1 2-5 导航页背影动画制作（@font-face实现小icon）

2016-04-21

首页上一页 16 17 18 19 20 21 22 下一页尾页

开始学习

课程须知: 本课程适合有(X)HTML和CSS2.0基础及对HTML5和CSS3.0有所了解的童鞋们。

老师告诉你能学到什么？: 1、如何分析动画效果 2、如何使用@font-face引入自定义的字体 3、如何使用transform变换实现平移、旋转 4、如何使用transition实现过渡动画 5、如何使用animaition和keyframes定义动画

微信扫码，参与3人拼团

热搜

最近搜索清空

css3实现网页平滑过渡效果