为了账号安全,请及时绑定邮箱和手机立即绑定

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
CSS3的确强大,这要是之前做类似效果,要嘛就一大堆js代码,要嘛就得用Flash,CSS3真的为前端er们减轻了许多工作量。
原来是酱紫的呀,老师讲得好细致。
赞+1
老师好厉害
讲的太好了 尤其是思路非常清晰
边款长度相减取绝对值呗!@Caelo
666666666 很好的教学 跟着做很棒!
老师讲得相当不错,不错,不错
.tip span{margin-left:-3px}是因为它的宽度是7px,且left:50%了(left:50%会把span左移50%,但span有7个像素的宽,所以,要想居中,就得margin-left:-7/2px;)。
为什么要margin-left: -3px?
.tip span{display: block;
width: 0;
height: 0;
overflow: hidden;
border:7px solid transparent;
border-top-color: #2DCB70;
position: absolute;
top:35px;
left: 50%;
margin-left: -3px; (这个不懂什么意思?)}
赞!讲的很详细,很好!
讲的真心不错 很详细 顶一个 谢谢老师
讲的很详细~必须赞!
还是女工程师讲的比较细~喜欢
课程须知
1、你至少具备photoshop简单基础知识。 2、熟悉html基础知识,尤其对<input>标签、<a>标签、<span>标签和css样式比较了解。 3、有(X)HTML和CSS2基础及对HTML5和CSS3有所了解的童鞋们。
老师告诉你能学到什么?
1、如何制作圆角按钮 2、如何拆解动画效果 3、如何使用transform属性实现旋转 4、如何使用transition属性实现过渡

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消