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

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

css3实现网页平滑过渡效果

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

全部评论问答未解决精华

小白豆

当前按钮划过不变色最简单的方法.st-container input:checked+a {中的背景颜色加个!important属性就可以了，不用那么麻烦}。

2 1-6 导航三角制作

2018-02-08

happygl16

讲的确实细致，我原来这样的效果完全jquery做的

1 3-3 总结

2018-01-23

qq_不二_24

老师是山西还是内蒙的呀

0 1-1 效果演示

2018-01-10

小饺_饺

不是点小三角才能切换。。是 ~ 没起作用。。锚点根本没用上，锚点加到了小三角上才造成点击小三角触发锚点。。

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

2017-12-19

小饺_饺

为什么点导航条不能切换要点导航条上的小三角才能切换。。

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

2017-12-19

Cheongkin

老师的实现方式很优雅，我猜老师肯定是美女

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

2017-12-14

晴天小露

页面切换问题也有可能和前边.st-container input和.st-container a的优先级大小有关，.st-container input的z-index必须大于.st-container a的z-index值

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

2017-12-03

Aki790213

老師辛苦了!

0 1-5 使用radio制作导航（当前导航样式设置）

2017-11-20

南宁吴彦祖

评论真是让我诧异。看来要出现一条心的也只有1024网站下面的评论会尊重人了

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

2017-11-18

MarvelYao

老师声音好魔性啊。让人着迷。

0 1-5 使用radio制作导航（当前导航样式设置）

2017-11-17

慕九州9535070

ç是怎么读的......

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

2017-11-12

Los_own_you

锚根本没用到啊，完全是个装饰，想要跳转网页必须用js

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

2017-11-02

冷月诗魂

我只想说，如果连这个都敲不出来的话（敲出来但不理解什么意思的），那只能说明CSS3掌握的还不是很好，尤其要去巩固动画属性那一部分。我只敲了一遍，没有一点问题！
还有注意的是，对于st-scroll里的符号'-',有些人之前习惯这样'_',自己注意。
如果敲得代码没效果，在样式里面加background: red或加别的也行，运行没反应就能知道哪错了
我敲了极简版的纯CSS切换效果，没加动画，你们看看，很久之前敲的了，刚搜出来的~
http://www.xzylogic.xyz/tab.html
目前到这节课的网址：右键源码
http://www.xzylogic.xyz/CssTab.html

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

2017-10-23