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

全部评论问答未解决精华

呵Sever

这种三角形的做法，应该会影响上一页

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

2016-02-25

呵Sever

相对定位后，三角形的x轴是在中心，所以margin-left是负的宽度的一半

0 1-6 导航三角制作

2016-02-25

柠檬酸钠

老师你确定@font-face是CSS3的？？？？？？

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

2016-02-23

柠檬酸钠

老师你确定google现在还能上去。。。还得改成360吧

0 1-2 页面结构编写

2016-02-23

flypie

0 1-2 页面结构编写

2016-02-21

寂寞天下着忧郁雨

http://www.zxhuan.com/2016/02/19/%E7%BA%AFcss3%E5%B9%B3%E6%BB%91%E8%BF%87%E6%B8%A1%E6%95%88%E6%9E%9C/
自己按着老师讲的写了一篇，分享分享，不喜勿喷！！

1 3-3 总结

2016-02-19

寂寞天下着忧郁雨

http://www.zxhuan.com/2016/02/19/%E7%BA%AFcss3%E5%B9%B3%E6%BB%91%E8%BF%87%E6%B8%A1%E6%95%88%E6%9E%9C/
自己按着老师讲的写了一篇，分享分享，不喜勿喷！！

1 1-1 效果演示

2016-02-19

寂寞天下着忧郁雨

自己按着老师说的谢了一个，分享给大家，不喜勿喷！http://www.zxhuan.com/2016/02/19/%E7%BA%AFcss3%E5%B9%B3%E6%BB%91%E8%BF%87%E6%B8%A1%E6%95%88%E6%9E%9C/

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

2016-02-19

燃烧的yan

怎么没有案例源码

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

2016-02-19

J海南岛

绝对定位之后，三角形不知道去哪儿了~~~

2 1-6 导航三角制作

2016-02-18

寂寞天下着忧郁雨

老师绝对是美女！讲得太好了！

0 3-3 总结

2016-02-18

慕尼黑9312743

好流畅！~

2016-02-15

LeisureZjj

同样的底部导航效果，不一样的实现方式，用上了最近学到的 flexbox 弹性盒子布局。老师的讲解很流畅，必须赞。
给 .bottomBar 加上 display: flex ，
<div class="bottomBar">
<div class="nav-item">
<input type="radio" name="radioSet" checked>
<span>tab1</span>
</div>
</div>

0 1-6 导航三角制作

2016-02-03

LeisureZjj

这个很正常。

1 1-6 导航三角制作

2016-02-03

J小灰辉

个人感觉不错，学到了些以前没有接触到的知识。最重要的是声音好听

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

2016-02-02

首页上一页 19 20 21 22 23 24 25 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

css3实现网页平滑过渡效果