shubiao.css 780 B

123456789101112131415161718192021222324252627282930313233343536
  1. /* 鼠标样式 */
  2. #cursor {
  3. position: fixed;
  4. width: 16px;
  5. height: 16px;
  6. /* 这里改变跟随的底色 */
  7. background: rgb(57, 197, 187);
  8. border-radius: 8px;
  9. opacity: 0.25;
  10. z-index: 10086;
  11. pointer-events: none;
  12. transition: 0.2s ease-in-out;
  13. transition-property: background, opacity, transform;
  14. }
  15. #cursor.hidden {
  16. opacity: 0;
  17. }
  18. #cursor.hover {
  19. opacity: 0.1;
  20. transform: scale(2.5);
  21. -webkit-transform: scale(2.5);
  22. -moz-transform: scale(2.5);
  23. -ms-transform: scale(2.5);
  24. -o-transform: scale(2.5);
  25. }
  26. #cursor.active {
  27. opacity: 0.5;
  28. transform: scale(0.5);
  29. -webkit-transform: scale(0.5);
  30. -moz-transform: scale(0.5);
  31. -ms-transform: scale(0.5);
  32. -o-transform: scale(0.5);
  33. }