pcdmp/p
CSSSpcdmp/p
body {
边距： 0；
perspective: 400px；
}
3360not(.square ).square {
width: 200px；
height: 200px；
background: #283044；
margin:calc(25%-100px )0calc ) 50%-100px；
padding: 10px；
盒- sizing :盒；
显示：块；
animation : spin-skew 6s ease-in-out infinite；
}
3360not(.square ).square .square {
width: 60px；
height: 60px；
background: #e7e7e7；
边距： 15px；
显示：在线块；
animation : spin 6s ease-in-out infinite；
}
. shadow {
width: 200px；
height: 200px；
background : rgba (0，0，0，0.5 )；
定位：助手；
left:calc(50%-100px )；
top: 50%；
z-index: -1；
animation : shadow 6s ease-in-out infinite；
box-shadow :0050 px rgba (0，0，0，0.5 )；
- WebKit-filter 3360蓝牙(50px )；
传输：旋转(45度；
}
@-moz-keyframes spin {
0% {
传输：旋转器(0；
}
33.33333%，
百分之百{
transform:rotate(-360deg )；
}
}
@-webkit-keyframes spin {
0% {
传输：旋转器(0；
}
33.33333%，
百分之百{
transform:rotate(-360deg )；
}
}
@-o-keyframes spin {
0% {
传输：旋转器(0；
}
33.33333%，
百分之百{
transform:rotate(-360deg )；
}
}
@keyframes spin {
0% {
传输：旋转器(0；
}
33.33333%，
百分之百{
transform:rotate(-360deg )；
}
}
@-moz-keyframes spin-skew {
0% {
传输：旋转(0)旋转(0) 0；
}
33.33333% {
传输：旋转(360度)旋转(0) 0；
}
66.66667% {
传输：旋转(360 deg )旋转(-45 deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转(0) 0；
}
}
@-webkit-keyframes spin-skew {
0% {
传输：旋转(0)旋转(0) 0；
}
33.33333% {
传输：旋转(360度)旋转(0) 0；
}
66.66667% {
传输：旋转(360 deg )旋转(-45 deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转(0) 0；
}
}
@-o-keyframes spin-skew {
0% {
传输：旋转(0)旋转(0) 0；
}
33.33333% {
传输：旋转(360度)旋转(0) 0；
}
66.66667% {
传输：旋转(360 deg )旋转(-45 deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转(0) 0；
}
}
@keyframes spin-skew {
0% {
传输：旋转(0)旋转(0) 0；
}
33.33333% {
传输：旋转(360度)旋转(0) 0；
}
66.66667% {
传输：旋转(360 deg )旋转(-45 deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转(0) 0；
}
}
@-moz-keyframes shadow {
0% {
传输：旋转(0)旋转45度；
}
16.66667% {
传输：旋转(180度)旋转(-45度)；
}
33.33333% {
传输：旋转(360 deg )旋转(45deg )；
}
66.66667% {
传输：旋转(360 deg )旋转(45deg ) rotatey(-45deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转45度；
}
}
@-webkit-keyframes shadow {
0% {
传输：旋转(0)旋转45度；
}
16.66667% {
transform:rotate(180deg ) rotatex(-45deg )；
}
33.33333% {
传输：旋转(360 deg )旋转(45deg )；
}
66.66667% {
传输：旋转(360 deg )旋转(45deg ) rotatey(-45deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转45度；
}
}
@-o-keyframes shadow {
0% {
传输：旋转(0)旋转45度；
}
16.66667% {
传输：旋转(180度)旋转(-45度)；
}
33.33333% {
传输：旋转(360 deg )旋转(45deg )；
}
66.66667% {
传输：旋转(360 deg )旋转(45deg ) rotatey(-45deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转45度；
}
}
@keyframes shadow {
0% {
传输：旋转(0)旋转45度；
}
16.66667% {
传输：旋转(180度)旋转(-45度)；
}
33.33333% {
传输：旋转(360 deg )旋转(45deg )；
}
66.66667% {
传输：旋转(360 deg )旋转(45deg ) rotatey(-45deg ) scalex ) 1.5；
}
百分之百{
传输：旋转(0)旋转45度；
}
}