|
|
|
@ -41,11 +41,11 @@ |
|
|
|
@keyframes detour { |
|
|
|
/* 旋转沿x轴旋转-10度,再绕y轴旋转 */ |
|
|
|
0% { |
|
|
|
transform: rotateX(-12deg) rotateY(360deg); |
|
|
|
transform: rotateX(-10deg) rotateY(360deg); |
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
transform: rotateX(-12deg) rotateY(0deg); |
|
|
|
transform: rotateX(-10deg) rotateY(0deg); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@ -57,7 +57,7 @@ |
|
|
|
right: 0; |
|
|
|
margin: 70px auto; |
|
|
|
transform-style: preserve-3d; |
|
|
|
animation: detour 10s linear infinite; |
|
|
|
animation: detour 12s linear infinite; |
|
|
|
// transform: rotateX(-10deg); |
|
|
|
width: 123px; |
|
|
|
height: 32px; |
|
|
|
@ -100,7 +100,7 @@ |
|
|
|
right: 0; |
|
|
|
margin: 70px auto; |
|
|
|
transform-style: preserve-3d; |
|
|
|
animation: detour2 10s linear infinite; |
|
|
|
animation: detour2 18s linear infinite; |
|
|
|
// transform: rotateX(-10deg); |
|
|
|
width: 2px; |
|
|
|
height: 8px; |
|
|
|
@ -242,7 +242,7 @@ |
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
&.btn2 { |
|
|
|
top: 819px; |
|
|
|
top: 800px; |
|
|
|
width: 300px; |
|
|
|
height: 68px; |
|
|
|
line-height: 68px; |
|
|
|
|