已采纳回答 / 慕神2706593
相对定位是相对于自身原有位置进行便宜,仍处于标准文档流中。局对定位脱离了文档流,偏移的参照基准是:有已定位的父元素以父元素为基准,无父元素(即无position)的话以<html>为基准。无定位的absolute元素可以使用margin定位
2016-10-18
最新回答 / 慕粉3791347
如果两个边框值大于或等于半径且相等,则默认为半径值,如半径为50px,设置(80px 0 0 50px);则将80默认为50px,而50px=80-50=30px效果为(50px 0 0 30px),若相差大于半径,则最大的默认为半径,其他的按比例来显示
2016-10-17
div.semi-circle{
height:100px;
width:100px;
background:#9da;
border-radius:50px 0 0 50px;
}
貌似不能达到左半圆形的效果吧
height:100px;
width:100px;
background:#9da;
border-radius:50px 0 0 50px;
}
貌似不能达到左半圆形的效果吧
2016-10-16
超级bug : .item .information 的 backgr:rgba少了个a
.itemimg 中间少了空格 .item img
.item .information 的 background并没有少a rgb和rgba是不一样的 rgb是红绿蓝 rgba是红绿蓝+透明度
.itemimg 中间少了空格 .item img
.item .information 的 background并没有少a rgb和rgba是不一样的 rgb是红绿蓝 rgba是红绿蓝+透明度
2016-10-16
div.semi-circle{
height:100px;
width:50px;
background:#9da;
border-radius:50px 0px 0px 50px;
}
height:100px;
width:50px;
background:#9da;
border-radius:50px 0px 0px 50px;
}
2016-10-15
-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;
这样看就明显了
-moz-transform: skew(15deg,-20deg);
transform: skew(15deg,-20deg);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
transform-origin: top right;
这样看就明显了
2016-10-15
总结下,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;
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;
2016-10-15
-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;
扭曲设置两个参数就能看到效果了!
-moz-transform: skew(15deg,-20deg);
transform: skew(15deg,-20deg);
-webkit-transform-origin: top right;
-moz-transform-origin: top right;
transform-origin: top right;
扭曲设置两个参数就能看到效果了!
2016-10-15
/*使用伪元素制作导航列表项分隔线*/
.nav li{
background:linear-gradient(to bottom,white,gray,black) no-repeat left/2px 25px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
.nav li{
background:linear-gradient(to bottom,white,gray,black) no-repeat left/2px 25px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
2016-10-14