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
                                逻辑清晰

全部评论问答未解决精华

obulks

背颜色代码的那位你是认真的吗？

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

2017-06-27

慕粉3699717

写多了定位，现在就认识top和left，看了视频才想起来原来还有bottom。

2 1-6 导航三角制作

2017-06-24

qq_Carnivore_0

真是用CSS的大师

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

2017-06-20

江大光明牛奶

很详细，谢谢老师

2017-06-19

Zorba

不能全屏的看看是不是.st-scroll{}写成.st-desc{}了，
还有height:100%;是相对于父元素的。

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

2017-06-17

Glunefish

http://www.cnblogs.com/Glunefish/p/6970454.html

0 3-2 自适应处理

2017-06-09

Glunefish

来看看我做的吧，至少比这老师做的简单。http://oqgretia3.bkt.clouddn.com/TogglePages.html

0 1-2 页面结构编写

2017-06-09

Glunefish

来看看我做的吧，至少比这老师做的简单。http://oqgretia3.bkt.clouddn.com/TogglePages.html

1 1-1 效果演示

2017-06-09

Glunefish

我饿了，怎么招？

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

2017-06-08

Glunefish

oh ~! come on ~ 建议以后做这类教程不要讲太多基础的东西，如果有人看不懂他就不应该来看这个，而是去看CSS3的基础，案例不应该讲这么多话，应该讲的是方法，我的耳朵都听得有点疼了，老师的嘴像机关枪一样哒哒哒停不下来，我的天这语速，不知道是不是吃了炫迈

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

2017-06-08

Glunefish

越后插.....阿弥陀佛，色即是空，空既是色

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

2017-06-08

Glunefish

为什么在这里解释那么多，无语

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

2017-06-08

zwszcty

除去hover对选中元素的影响也可以这样：
.st-container input:hover+a{
background: #ad244f;
}
.st-container input:checked+a{
background: #821134;
}
将.st-container input:checked+a写在.st-container input:hover+a后面就行

3 1-6 导航三角制作

2017-06-03

克里斯丶木

老师讲得好，不过听口音应该跟我是老乡，哈哈

2017-05-31

qq_蒙那丽_03766526

h2动画效果只有第一个有
#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2

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

2017-05-23

首页上一页 3 4 5 6 7 8 9 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

css3实现网页平滑过渡效果