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

已采纳回答 / 慕神2706593
相对定位是相对于自身原有位置进行便宜,仍处于标准文档流中。局对定位脱离了文档流,偏移的参照基准是:有已定位的父元素以父元素为基准,无父元素(即无position)的话以<html>为基准。无定位的absolute元素可以使用margin定位

最新回答 / 慕粉3791347
如果两个边框值大于或等于半径且相等,则默认为半径值,如半径为50px,设置(80px 0 0 50px);则将80默认为50px,而50px=80-50=30px效果为(50px 0 0 30px),若相差大于半径,则最大的默认为半径,其他的按比例来显示
以前画圆靠工图,现在画圆靠代码。嗯,我变了。
所以断点是什么呢??
10天CSS3的课程,一个共同的特点,就是,都是一言带过完事了....
div.semi-circle{
height:100px;
width:100px;
background:#9da;
border-radius:50px 0 0 50px;
}

貌似不能达到左半圆形的效果吧
超级bug : .item .information 的 backgr:rgba少了个a

.itemimg 中间少了空格 .item img


.item .information 的 background并没有少a rgb和rgba是不一样的 rgb是红绿蓝 rgba是红绿蓝+透明度
div.semi-circle{
height:100px;
width:50px;
background:#9da;
border-radius:50px 0px 0px 50px;
}
-webkit-transform: skew(15deg,-20deg);
-moz-transform: skew(15deg,-20deg);
transform: skew(15deg,-20deg);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
transform-origin: top right;
这样看就明显了
总结下,CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;

tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;

transition: property duration timing-function delay;

animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;

最赞回答 / 慕村9583991
ul>li=选择ul标签下的子元素liul li=选择ul标签下的后代元素li
不错!是幕课网带我进入前端之路
-webkit-transform: skew(15deg,-20deg);
-moz-transform: skew(15deg,-20deg);
transform: skew(15deg,-20deg);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
transform-origin: top right;
扭曲设置两个参数就能看到效果了!
/*使用伪元素制作导航列表项分隔线*/
.nav li{
background:linear-gradient(to bottom,white,gray,black) no-repeat left/2px 25px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消