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

按钮特效

江老实 Web前端工程师
难度初级
时长 2小时 0分
学习人数
综合评分9.77
113人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.6 逻辑清晰
就是这个啊!!
老师旁边的资料为什么迅雷下载不了
三角。其他边应该是dashed~~
恩。老师很用心。不错。
老师讲的很细致,对css3的属性又有了深入的了解,今天实际操作了一遍,发现了tip初始状态仅仅定义opacity: 0;会有bug(透明度为0时tip这块是存在的,当鼠标在滑过图片底部时,由于tip的层级高会影响到图片的旋转的),如果tip定义display: none;鼠标事件定义为显示或隐藏会避免这个bug
很精彩,听得我泪流满面。。。
Amy老师讲得好,语音语调跟江老实老师好像,希望能看到两位老师的更多视频!
position:absolute;
还要加个margin: 0 auto;?这个有效果么?
回楼下,你把1像素边框大小看做一个由四个正三角组成正方形(前提宽和高都为0),然后通过transparent将边框变为透明,然后通过border-top-color为边框(上下左右)上正三角形设置一个颜色,这样就就会显示出一个带那个颜色的朝下显示三角形。不知道你听懂了没有,可能讲的有点乱,也有点不专业,勿喷。
很赞的课程
为什么要设transparent?
为毛我写的360度木有旋转效果,transition也加了的 只有非360度才有效果
谢谢老师这么详细的讲解!
margin:-7/2px是不可能的,最小精度是1px,所以0.5px是不可能出现,只能存在这个误差
绝对赞吖
课程须知
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
提交
取消