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

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

css3实现网页平滑过渡效果

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

全部评论问答未解决精华

wwwjialingcom

求网页源代码，求网页源代码，求网页源代码！

0 1-6 导航三角制作

2016-11-10

.st-container>input,.st-container>a{} 下面的bottom和两个元素分开下的css均没有起到作用

已采纳回答 / qq_很忙很茫很氓的公主_0337392

代码拉出来看看？

2 回答 1459 浏览 1-4 使用radio制作导航（添加样式）

2016-11-10

橋本奈奈未

这个方法不错，但是这个fixed的设置好麻烦。每个都要设置left，直接父元素fixed，子元素设置成块状（当然需要消除下空白文本带来的间隔），然后用label实现a和input的关联，这样是不是更方便些？以上是个人想法，并未实践。哟吼吼吼

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

2016-11-06

xxxuthus

网站有点改动，最新的在线引用<link href="https://fonts.googleapis.com/css?family=Josefin+Slab" rel="stylesheet">，前提是你要能上谷歌

2 1-2 页面结构编写

2016-11-06

it芳

可以的，感觉老师讲的好仔细，而且很有用

2 2-6 导航页背影动画制作（animation与transition区别）

2016-11-06

艾玛呦

老师我爱你爱你爱你一万年！！！！声音好听思路清晰，还有总结，想必一定美若天仙吧！

0 3-3 总结

2016-11-04

JasonZZ

手敲的例子，代码在Github上，欢迎各位看官点赞和下载（老师没有提供列子源码）：

https://github.com/HelloJasonZhang/css3_lesson01

0 1-1 效果演示

2016-11-02

OYW

大家有没有注意到，这个例子压根都没用到锚点链接，a标签的作用仅仅是做导航条样式

2016-11-02

最外的红

学习完，学到很多，谢谢老师。

1 3-3 总结

2016-11-02

最外的红

amy老师的课程都讲得很仔细，赞！

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

2016-11-01

慕妹4050489

然而还是不会

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

2016-10-30

qq_偷闲加油站_03439379

其实听到这里已经可以了，因为页面切换的效果已经实现，剩下的页面样式可以自己随意写，时间是宝贵的啊

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

2016-10-29

qq_偷闲加油站_03439379

那个-100%为什么不向上走的问题，可能是:translate这个属性和我们的margin不一样，正值为向上走，负值为向下走，margin却相反

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

2016-10-29

qq_偷闲加油站_03439379

老师讲课很耐心，很仔细，赞一个

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

2016-10-29

谁知道这个的错在哪，字体导入不了

最新回答 / 慕粉3765039

目测路径写错了，妳应该用的是中文目录，改成因为的目录试试哈！如果不是把代码发出来一下

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

2016-10-28

<...code...><div class="containt"> <div class="head"> <input type="radio" name="sub_nav" id="sub1" checked="checked"><a href="#navct1">SUNDAY</a> <input type="radio" name="sub_nav" id="sub2"><a href="#navct2...

2 回答 963 浏览 2-3 导航页面切换（3）

2016-10-27

首页上一页 14 15 16 17 18 19 20 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空