为了账号安全,请及时绑定邮箱和手机立即绑定
可参考:http://www.zhangxinxu.com/wordpress/2010/01/css3-border-image/
小日本 。。。哈哈

最赞回答 / 祺妙Tony
分别使用before和after在导航节点前后都加上伪元素,设置上不同颜色,这样前一个节点的after和后一个节点before贴在一起组成的分割线会好看。分割线两边透明,中间不透明,渐变;去掉最前面节点的before和最后面节点的after,导航完成。<...code...>
@雅人叔 因为在页面里面编辑代码提交的时候只是发送了ajax请求,并没有跳转页面,所以点击上一步的时候会返回上一个网页(章节改变时页面才发生了跳转)
看完了 还是有很多都不是很清楚的地方
/*使用伪元素制作导航列表项分隔线*/
.nav li::after {
position: absolute;
content: &#039;&#039;;
right: 0;
width: 1px;
height: 100%;
background: linear-gradient(to bottom, #f65f57,#f65f57, #333, #f65f57, #f65f57);
}
/*删除第一项和最后一项导航分隔线*/
.nav li:last-child::after {
width: 0;
}
/*制作圆*/
border-radius: 5px;
/*制作导航立体风格*/
box-shadow: 0 4px 0 #b64b61;
http://yisibl.github.io/cubic-bezier/#.42,-0.42,.74,.15
贝塞尔曲线预览,做出各种过渡动画
background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right / 1px 15px;
等价于:
background-image:linear-gradient(to bottom,#dd2926,#a82724,#dd2926);
background-repeat:no-repeat;
background-position:right center; /*省略的值默认为center*/
background-size:1px 15px;
ease-out 第四个图由快到慢,渐隐效果 图没画对 和ease-in的图一样了
.wrapper span {
display:block;
-webkit-transform:skew(-45deg);
-moz-transform:skew(-45deg);
transform:skew(-45deg);
}
逆时针
应该把 鼠标选中 这个字黑体加粗 哈哈哈
标题动画太帅了
去学“CSS3图片动态提示效果”这个课,再回来看这部分内容就很容易理解了
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消