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

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

css3实现网页平滑过渡效果

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

全部评论问答未解决精华

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

#st-control-2:checked ~.st-sctoll #st-panel-1 h2{ }选择不生效

已采纳回答 / EricPan

1.#st-control-2:checked ~.st-sctoll #st-panel-1 h2{ }选择不生效视频是#st-control-1:checked ~ .st-scroll #st-panel-1 h2,你的写的是st-sctoll 其实是st-scroll 看下你html取的什么class<...图片...>

1 回答 1364 浏览 2-7 导航页背影动画制作（animation制作动画）

2017-06-04

backface-visibility: hidden;

最新回答 / 慕斯8234454

https://developer.mozilla.org/zh-CN/docs/Web/CSS/backface-visibility

2 回答 973 浏览 2-6 导航页背影动画制作（animation与transition区别）

2017-06-04

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

关于这个.st-container input:hover + a{background: #ad244f;}

已采纳回答 / 冲锋战神

a标签在input标签的下面我们是选中input让a发生变化不是选中a让a发生变化

1 回答 1452 浏览 1-6 导航三角制作

2017-06-02

克里斯丶木

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

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

slinajary

.st-scroll,.st-panel{
width:100%;
height:100%;
position:relative;
}
这里不100%显示

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

2017-05-21

slinajary

跟着打代码都不对，不晓得哪里出错了

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

2017-05-21

首页上一页 6 7 8 9 10 11 12 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空