为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 css3实现网页平滑过渡效果 问答

css3实现网页平滑过渡效果

Amy
查看讲师更多课程 Amy讲师的其他课程
难度初级
时长 2小时 5分
学习人数
综合评分9.80
166人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.8 逻辑清晰
全部 评论 问答 未解决 精华

三角形不显示

已采纳回答 / 歪嘴的肖恩
.st-container input:checked+a{ background: #821134;}.st-container input:checked + a:after{ content:""; width:0; height:0; overflow: hidden; border:20px solid transparent; border-bottom-color:#821134; position:absolute; bottom:100%; left:50%; margin-left: ...
5 回答 979 浏览 1-6 导航三角制作
2015-07-22

我每次刷新怎么显示的都是第二个seletion?

已采纳回答 / 归麻麻
你的checked="checked"是不是放在第二个input里
3 回答 987 浏览 2-3 导航页面切换（3）
2015-07-06

问个问题 有点混淆了。

已采纳回答 / emoboss
“+”是选择相邻兄弟，空格代表子类
6 回答 858 浏览 2-6 导航页背影动画制作（animation与transition区别）
2015-06-27

移动效果有问题

已采纳回答 / Mrpanda
视频的代码布局有问题，我网上找了一个好使的源码。http://codepen.io/dodozhang21/pen/KFkaf
3 回答 904 浏览 2-3 导航页面切换（3）
2015-06-11

为什么我的Radio先选中一个，再选中另一个的时候，之前的checked不会取消呢

已采纳回答 / 戈饭
因为radio的name不一样
2 回答 4360 浏览 1-5 使用radio制作导航（当前导航样式设置）
2015-05-31

小三角的制作

已采纳回答 / cwtxz
恩，是的，是参考的p元素，意思就是底部与p元素底部的距离就是p元素的高度
3 回答 1096 浏览 1-6 导航三角制作
2015-05-29

老师，请问要实现沿X轴滑动（左右滑动）如何修改？

已采纳回答 / wzhow
没错，让section并排，然后把#st-control-1:checked ~ .st-scroll这几个里面，transform:translateY的Y改成X
2 回答 1178 浏览
2015-05-21

Moz没h2 p标签的碰撞效果啊，求解

已采纳回答 / wzhow
@-xx-keyframes moveDown里面的-xx-transform:translateY的前缀都没改
1 回答 1484 浏览 3-3 总结
2015-05-13

关于本地字体的导入

已采纳回答 / Alyssa_Lee
<...code...>
7 回答 2891 浏览 1-3 使用radio制作导航（html结构搭建）
2015-05-11

老师，为什么不用%和em呢，这样在设置自适应的时候可以省点代码

已采纳回答 / 蠢鱼
用了100%比啊  你自己看看  width:20%   em 是字体用的  字体没用%
3 回答 1468 浏览 1-2 页面结构编写
2015-05-02

这个案例里面的<a>标签的锚链接没有用到？

已采纳回答 / qq_木头一个_0
用到了，你注意看section标签的id；对比一下<a>标签的href；你就明白了。他们是一样的吧？这个锚链接就是切换section来达到点击导航，切换显示内容的。只要你的能切换显示内容， 就说明a标签的锚链接用到了。
3 回答 1221 浏览
2015-05-02

什么叫背面的元素不可见？

已采纳回答 / show1222
ackface-visibility 属性定义当元素不面向屏幕时是否可见
3 回答 1172 浏览 2-6 导航页背影动画制作（animation与transition区别）
2015-04-28

.clr{}样式问题

已采纳回答 / purple_yao
清除浮动时，用的，应该是这个例子中没有使用浮动，所以也就不用清除浮动了
2 回答 1070 浏览 2-5 导航页背影动画制作（@font-face实现小icon）
2015-04-26

amy老师用的什么编辑器？？

已采纳回答 / Perona
Sublime Text
3 回答 975 浏览
2015-04-20

全屏问题已解决

+ 我来回答 回答最高可+2积分
7 回答 2623 浏览 2-2 导航页面切换（2）
2015-04-20
首页上一页12345下一页尾页
开始学习
课程须知
本课程适合有(X)HTML和CSS2.0基础及对HTML5和CSS3.0有所了解的童鞋们。
老师告诉你能学到什么？
1、如何分析动画效果 2、如何使用@font-face引入自定义的字体 3、如何使用transform变换实现平移、旋转 4、如何使用transition实现过渡动画 5、如何使用animaition和keyframes定义动画

微信扫码，参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消