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

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
老师讲的很棒,每一根线都好仔细,认真负责
非常的炫酷。美美美呆了
终于换您了
1楼希望解决的bug在上一节就有人解决了
获取元素左边距离父元素的左边距离应该用prop("offsetLeft"),用position().left是从button元素margin的左边开始算的,所以才会不对齐。因为button设置了margin:0 auto; 还有position().left并不是从width的左边开始,这个跟tip的padding无关,楼上的请你也不要误导人,不信的可以把tip的paddingleft调到100试试,左边溢出的部分仍然不会变。
溢出20像素不是因为填充,是因为margin。。。
margin-left因该是-7px
我的tip为什么是和分别包裹他们的盒子对其的呀,不是和按钮
11分那里span没显示跟没设置position并无关系啊
absolute元素因为脱离文档流所以不占据空间,所以即使父元素很小也没关系,不一定要放box里面
差两像素无所谓吧,反正点击边框的时候,不会颜色也会变成白色吗,效果出来了就好了啦
当然不一样,人家转了呀.
非常好的课程,顺便还温习了jq的只是,赞
课程须知
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
提交
取消