.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