|
@@ -245,18 +245,24 @@
|
|
|
position: absolute;left: 20rpx;top:var(--status-bar-height);z-index: 2;
|
|
|
}
|
|
|
// animal
|
|
|
- .animal-img{width:48rpx;height: 68rpx;@include ezy-no-repeat-cover;position: absolute;animation: shakeAndGrow 3s infinite;}
|
|
|
- @keyframes shakeAndGrow {
|
|
|
- 0% {transform: translateX(0) scale(1);}
|
|
|
- 25% {transform: rotate(-20deg);}
|
|
|
- 50% {transform: rotate(20deg);}
|
|
|
- 75% {transform: rotate(0deg) scale(1.2);}
|
|
|
- 100% {transform: rotate(0deg) scale(1);}
|
|
|
- }
|
|
|
- .dan-img{background-image: url("@/static/images/study/animal-img1.png");}
|
|
|
- .xiao-e-img{background-image: url("@/static/images/study/animal-img2.png");}
|
|
|
- .zhong-e-img{background-image: url("@/static/images/study/animal-img3.png");}
|
|
|
- .da-e-img{background-image: url("@/static/images/study/animal-img4.png");}
|
|
|
+ .animal-img{width:48rpx;height: 68rpx;@include ezy-no-repeat-cover;position: absolute;}
|
|
|
+ @keyframes shakeDan {
|
|
|
+ 0% {transform: translateX(0) scale(1);}
|
|
|
+ 25% {transform: rotate(-20deg);}
|
|
|
+ 50% {transform: rotate(20deg);}
|
|
|
+ 75% {transform: rotate(0deg) scale(1.2);}
|
|
|
+ 100% {transform: rotate(0deg) scale(1);}
|
|
|
+ }
|
|
|
+ @keyframes shakeE {
|
|
|
+ 0% {transform: translateX(0);}
|
|
|
+ 25% {transform: rotate(-8deg);}
|
|
|
+ 75% {transform: rotate(8deg);}
|
|
|
+ 100% {transform: rotate(0deg);}
|
|
|
+ }
|
|
|
+ .dan-img{background-image: url("@/static/images/study/animal-img1.png");animation: shakeDan 3s infinite;}
|
|
|
+ .xiao-e-img{background-image: url("@/static/images/study/animal-img2.png");animation: shakeE 3s infinite;}
|
|
|
+ .zhong-e-img{background-image: url("@/static/images/study/animal-img3.png");animation: shakeE 3s infinite;}
|
|
|
+ .da-e-img{background-image: url("@/static/images/study/animal-img4.png");animation: shakeE 3s infinite;}
|
|
|
}
|
|
|
// 数学
|
|
|
.ezy-shuxue-study-page{
|