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

按钮特效

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

最新回答 / ELxiang
浏览器兼容问题 ,现代浏览器对border-radius还不是完全支持。

最赞回答 / JoV
在执行动画前先用stop()停止元素的动画停止元素的动画方法:stop()语法结构:stop([clearQueue],[gotoEnd])clearQueue 和 gotoEnd 都为可选参数,为布尔值。clearQueue : 是否要清空未执行玩的动画列表gotoEnd : 是否直接将正在执行的动画跳转到末状态在这里就是$(".tip").stop(true, true);

最新回答 / gzrailgun
使用浏览器试试吧,DW有些CSS3特性不支持

最新回答 / 小平果
同感!!!!!!

最赞回答 / purple_yao
行内习惯吧,一般引入小图标可使用i、b、span、s等标签。很少见使用div引入的,当然你也可以使用div只是语议不太好。

最赞回答 / 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下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消