skeleton.scss 358 B

123456789101112131415161718192021222324
  1. $bgColor:#e5e5e5;
  2. .skeleton-box{
  3. .skeleton-fillet{
  4. background-color: $bgColor;
  5. border-radius: 10rpx;
  6. // ease-in-out linear
  7. animation: scrollBackground 3s ease-in-out infinite; /* 应用动画 */
  8. }
  9. @keyframes scrollBackground {
  10. 0% {
  11. opacity: 1;
  12. }
  13. 50% {
  14. opacity: 0.4;
  15. }
  16. 100% {
  17. opacity: 1;
  18. }
  19. }
  20. }