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

全部评论问答未解决精华

花生咪

赞，争取早日看完老师出品的课程，希望老师多出课程

1 3-3 总结

2016-09-18

慕粉3194808

如何实现的单选按钮的切换

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

2016-09-08

yhh368

讲的这么详细就不要求源码了吧

0 1-1 效果演示

2016-09-06

igsnow

很庆幸当老师的学生，收获很大，真心谢谢amy老师

0 3-3 总结

2016-09-04

igsnow

喜欢女神老师的课

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

2016-09-04

前端渣

.st-container :not(input:checked):hover + a{

//css

}

我觉得这样也行。

0 1-6 导航三角制作

2016-09-03

前端渣

厉害^O^

bottom:100%;//距离父元素底部100%的高度正好，出现在父元素上方。
border:20px solid transparent;//用border形成一个正方形
border-bottom-color://正方形的下三角加上颜色

3 1-6 导航三角制作

2016-09-03

前端渣

radio确实是奇思妙想。

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

2016-09-03

前端渣

我很喜欢老师萌萌的声音啊:)

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

2016-09-03

前端渣

我觉得这样布局导航太麻烦了。

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

2016-09-03

学到头秃_

看得出老师为视频提前准备好了很多东西，辛苦了。

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

2016-09-03

前端公城尸

选择除了选中之外的input的选择器还可以用not
input:hover:not(:checked) + a {backgroung-color:#821134}

0 1-6 导航三角制作

2016-09-01

慕粉3825556

讲解很详细，特喜欢

0 3-2 自适应处理

2016-09-01

爱从零开始0

为啥这段代码没有用#st-control-1:checked ~ .st-scroll{
transform:translateY(0%);
-webkit-transform:translateY(0%);
-ms-transform:translateY(0%);
-moz-transform:translateY(0%);
-o-transform:translateY(0%);
}

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

2016-08-29

爱从零开始0

为啥高给100%就撑不开呢？给具体值就可以！以前也遇到过，总是解决不了！

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

2016-08-29

首页上一页 11 12 13 14 15 16 17 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

css3实现网页平滑过渡效果