为了账号安全,请及时绑定邮箱和手机立即绑定
伸缩布局详解:https://www.cnblogs.com/fxycm/p/4649648.html
已经看晕了
建议把效果写在元素属性里,hover只用来控制状态
愤.青还学啥代.码,钓*岛收.复靠你们了
.box span里面,margin: -5px 0 0 -5px;替换成transform: translate(-50%, -50%); 比较便于理解。
.box span就是白色的小圆,top:50%; left:50%是相对于父元素也就是橘色的大圆,但是这样白色小圆并不是剧中的,需要往上和往左移动自身大小的一半,这样就剧中了。
自学2个月23天~大家一起加油吧
喜欢女同事请考教师证,并应聘小学教师,美爽约
好教程,我喜欢,慢慢地学
ol>li 即ol块内得li元素组;first-child即对应元素组得第一个子元素
效果一级棒
background-clip(背景裁剪):裁剪外得区域不再显示
background-origin:从父边界/从父边界内边界/从内容边界
若设置no-repeat,图片将从父边界为起点,平铺
将.div中的动画效果去掉,颜色改成purple(紫色),在.div:hover中把动画加上,delay设为3s,duration弄短点5s。none:purple->3s后->red->...->blue->purple。forwards:purple->3s后->red->...->blue。backwards:red->3s后->green->...->blue->purple。both:red->3s后->green->...->blue。
skew的旋转对应的x,y轴应该与我们理解的数学坐标不一样,横轴是y,竖轴是x,可以写个skew(30deg)看看,以左上角为原点看就很明显看出竖轴由原来的垂直向下变成往右倾斜30度
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消