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

按钮特效

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

最新回答 / AssassinG
我在sublime里做的,也是这个问题,定位后有红线,可是出现在了屏幕左上方, 最后把.button .line的position改成了relative,能看到红线了, 可别的问题又出来了, 郁闷

最新回答 / 炸猪排超人
你这个 this 必须为 dom 对象或者为 jQ对象,打断点看下 this 是什么

最新回答 / 品茗见南山
最后能隐藏就行了。不然你每次还要算下a有多大.

最赞回答 / purple_yao
亲,是的,学习得很认真嘛。。。旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。

最赞回答 / 初恋茶香
absolute 是绝对定位,它的位置相对于最近的已定位祖先元素,tip 是absolute,也就是是一个定位元素,而且是.tipspan的直接祖先元素,所以.tip span 相对于.tip 定位

已采纳回答 / purple_yao
加入一个判断  if (!$('.tip').is(':animated')){                          $('.tip').css({'left':l+'px'}).animate({'top':180,'opacity':1},300);  }
课程须知
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
提交
取消