.wrapper span {
display:block;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
transform:skew(-45deg);
}
display:block;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
transform:skew(-45deg);
}
2014-12-31
.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