You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

44 lines
680 B

  1. .v-btn.is-icon {
  2. min-width: auto;
  3. }
  4. .btn-animate-rotate {
  5. i {
  6. transition: all 4s ease;
  7. transform: rotate(0deg);
  8. }
  9. &:hover i {
  10. transform: rotate(360deg);
  11. }
  12. }
  13. .btn-animate-grow {
  14. i {
  15. transition: all 2s ease;
  16. transform: scale(1);
  17. }
  18. &:hover i {
  19. transform: scale(1.25);
  20. }
  21. }
  22. .btn-animate-edit {
  23. i {
  24. transition: all .7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  25. transform: rotate(0deg);
  26. }
  27. &:hover i {
  28. transform: rotate(-45deg);
  29. }
  30. }
  31. .btn-animate-app {
  32. i {
  33. transition: all .6s ease;
  34. transform: translate3d(0,0,0);
  35. transform-style: preserve-3d;
  36. }
  37. &:hover i {
  38. transform: scale(.7) rotateX(-180deg);
  39. }
  40. }