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

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
听老师口语绝对是北方的,具体哪不清楚,爱死你啦
森森 三角形的宽为7*2=14px margin-left不是设为-7px吗..........?
zyi
爱老师,讲的好细
为啥提示框不能用css3来写 感觉也可以写啊
切1px的背景图,然后repeat-x,然后加border-radius不得了
老师有点小错误啦 .button:hover .line-top{ width:100%; left:-2px;}宽度应该是180px;.button:hover .line-top{height:100%;bottom:-2px;}高度50px. 这里100%会少边框宽度2px.
IE9不支持transition却支持transform,这样IE9要支持transform有什么用......
老师讲的很细致 一点点的进阶 很棒
AMY老师,我爱你
dis = ($('.tip').outerWidth()-$(this).outerWidth())/2; 这个公式在提示框比button短的情况下同样适用
讲解的真的很详细,不过四条线的原理是一样的,不用分开讲的,不过left和bottom是不是讲反了
换老师了呀
老师讲得很好,很爱听这位老师的课啊,虽然有点小bug,但同学的方法能很好地解决啊。
评论区真是一个好东西
课程须知
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
提交
取消