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

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
使用判断还是会出现tip停住不消失的问题。
在鼠标滑入时加一个.stop(false,true).animate(...),鼠标移出时加一个.stop().animate(...)。
感谢老师辛苦讲课,赞一个:)
不应该是加20px,一开始不能左对齐是因为.tip里加了14px的左右内填充。而定义left是对定义的width开始的。所以,如果要左对齐,应该加14,var pos=$(this).position().left+14; 慕课应该注重细节,不能误导。
讲的瞒好,我觉得很多忘记的东西,又被反复提起,加深印象不错。
a{display:inline-block; margin-right:10px; text-decoration:none;color:#333;padding:6px 15px;}
a:hover{background-color:#21530C;color:#fff;border-radius:5px 5px 0 0;}
猫和老鼠么?

最新回答 / 逯子洋
transition 属性是没有继承性的 css的文档上有说明 并不是所有属性都可以继承
为啥不用伪元素来实现?
挺好啊 很新颖
这个bug解决了,但是还有个bug,就是这个按钮进入直接离开到另一个按钮,动画会执行两次
学习当中夹杂着小知识,有些细节知识可以捡起来,老师讲的不错
我爱你!老师
老师,我要为你生孩子
上面那个线width可以设置为180px,就完全覆盖了
怎么和极客学院的课程一样一样的?
到底谁是原创,还是这是老外的模板?
课程须知
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
提交
取消