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

全部评论问答未解决精华

动画效果出不来

已采纳回答 / _轻描淡写_

keyframes 拼错啦

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

2018-01-22

三角形是相对于a定位的，而a是有高度的，那为什么要设置bottom:100%,而不是bottom:34px?

已采纳回答 / qq_晴空未蓝海以深_0

两者的效果是一样的

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

2017-08-24

导航为什么不整个给外部盒子一个fixed,而把每个input和a设置fixed？

已采纳回答 / qq_冰人_1

做导航时需要给每一个input和a进行定位，如果给外部盒子定位里面的元素无法定位。

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

2017-08-24

#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 回答 1358 浏览 2-7 导航页背影动画制作（animation制作动画）

2017-06-04

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

已采纳回答 / 冲锋战神

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

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

2017-06-02

请问一下#st-control-1设置left的问题

已采纳回答 / qq_Dreamgirls_0

有啊. .st-container>input, .st-container>a{ position:fixed;}

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

2017-05-06

老师导入的文件夹在哪找啊

已采纳回答 / 慕少3248114

公共样式是自己写的，可以下载，主页面的样式需要自己手写样式表

1 回答 1310 浏览 1-3 使用radio制作导航（html结构搭建）

2017-04-27

:cheched:hover +a变成这样:cheched:hover a

已采纳回答 / 无聊的名字4108528

+的意思是紧邻着的一个，没有+就是cheched：hover内部包含的所有a

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

2016-12-29

为什么倒三角没有出来呢

已采纳回答 / 无聊的名字4108528

还有就是你的transparent前面不应该加#

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

2016-12-22

单选框位置提，只显示一个？

已采纳回答 / 慕粉2133123235

#st-control-1,st-control-1 + a{ 改成#st-control-1,#st-control-1 + a{试试

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

2016-12-22

请问为什么我的字母没有转过来？急急急

已采纳回答 / zray

你用什么浏览器？用火狐要加-moz-transform，几个内核加上看看

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

2016-12-05

为什么设置5个radio，各自为5个单选，加form框起来，也不管用，是什么原因？

已采纳回答 / 慕用2593416

所有的单选框的name属性要是同一个值才能单选

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

2016-12-01

我的几个单选只显示了一个，那个单选位置有问题，但我又找不到问题所在

已采纳回答 / qq_锐哥_0

.st-container input:nth-of-type(1),#st-control-1+a{ left:0%;}.st-container input:nth-of-type(2),#st-control-2+a{ left:33%;}.st-container input:nth-of-type(3),#st-control-3+a{ left:66%;}改成这段

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

2016-11-30