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

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰

已采纳回答 / 可奈姆
因为根据盒模型width是内容的宽度不包括padding,boder,margin

已采纳回答 / lilian8020056
不错的思路,我看可行,你可以尝试按这种方法做一下。

已采纳回答 / lilian8020056
亲,我试了一下,加入链接格式没有变化啊,我把代码贴出来你参考一下:<...图片...>

已采纳回答 / purple_yao
加入一个判断  if (!$('.tip').is(':animated')){                          $('.tip').css({'left':l+'px'}).animate({'top':180,'opacity':1},300);  }

已采纳回答 / WingMeng
缝隙的确是存在的,因为line-top的hover效果的left为-2px,则其右边必然会产生2px的缝隙,其它3条线产生的缝隙也是同样的道理。但这个是无所谓的,因为当把line的背景色调回白色时是根本看不到缝隙的,这对最终效果没有任何影响。

已采纳回答 / 予尔心安
刚刚找到这个资料,看了一下明白了,你去看看呗~http://www.imooc.com/wenda/detail/235750

已采纳回答 / 迷失在壹玖零零
加个$('.tip').is(':animated')判断

已采纳回答 / __Breeze
a:hover{ background-position:0 -80px}表示当鼠标移到a上面时,它的背景向上偏移80px。height:40px; line-height:40px;——height是指a的高度,而line-height是指a的行高,两个是不同的概念。
课程须知
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
提交
取消