.wrapper span {
display:block;
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
transform:skew(0deg);
}
display:block;
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
transform:skew(0deg);
}
2014-12-31
"@-webkit-keyframes move {
0%{
transform: translate(0);
}
15%{
transform: translate(100px,180px);
}
100%{
transfrom: translate(480px,0);
}
}
"
"-webkit-animation-name:move;
-webkit-animation-duration: 10s;
..."
0%{
transform: translate(0);
}
15%{
transform: translate(100px,180px);
}
100%{
transfrom: translate(480px,0);
}
}
"
"-webkit-animation-name:move;
-webkit-animation-duration: 10s;
..."
2014-12-31
這個偽類是用來控制設置了id="enabled"和id="idsabled"標簽的才管用。。。
2014-12-31
把"?"改成"text-shadow"就完成任務了
2014-12-30
.wrapper div {
width: 200px;
height: 200px;
line-height: 200px;
background: orange;
text-align: center;
color: #fff;
transition:all 0.3s ease-in;
-webkit-transtion:all 0.3s ease-in;
-moz-transiton:all 0.3s ease-in:
_o-transtion:all 0.3s ease-in;
}
效果更好
width: 200px;
height: 200px;
line-height: 200px;
background: orange;
text-align: center;
color: #fff;
transition:all 0.3s ease-in;
-webkit-transtion:all 0.3s ease-in;
-moz-transiton:all 0.3s ease-in:
_o-transtion:all 0.3s ease-in;
}
效果更好
2014-12-30
last-child,試了,也是可以用的。
>是子元素選擇器,空格是后代選擇器,他們的區別:
后代選擇器:匹配父子關系和祖先-后代關系
子元素選擇器:匹配父子關系
就是>(子元素選擇器)只是匹配到他下面的一層,而不是多層
>是子元素選擇器,空格是后代選擇器,他們的區別:
后代選擇器:匹配父子關系和祖先-后代關系
子元素選擇器:匹配父子關系
就是>(子元素選擇器)只是匹配到他下面的一層,而不是多層
2014-12-30
@nounou http://www.xianlaiwan.cn/Amaranth-BoldItalic.otf 你把這個下載到本地引入試試。
2014-12-30
:target就是用來匹配id為“brand”的元素(id="brand"的元素),上面代碼中是那個div元素。而不是href="#brand"的元素.跟#無關
2014-12-30