style.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .test {
  2. -webkit-transition: opacity 50ms ease;
  3. transition: opacity 50ms ease;
  4. }
  5. .group-move {
  6. -webkit-transition: -webkit-transform 50ms ease;
  7. transition: transform 50ms ease;
  8. }
  9. .v-appear,
  10. .v-enter,
  11. .v-leave-active,
  12. .test-appear,
  13. .test-enter,
  14. .test-leave-active,
  15. .test-reflow-enter,
  16. .test-reflow-leave-to,
  17. .hello,
  18. .bye.active,
  19. .changed-enter {
  20. opacity: 0;
  21. }
  22. .test-reflow-leave-active,
  23. .test-reflow-enter-active {
  24. -webkit-transition: opacity 50ms ease;
  25. transition: opacity 50ms ease;
  26. }
  27. .test-reflow-leave-from {
  28. opacity: 0.9;
  29. }
  30. .test-anim-enter-active {
  31. animation: test-enter 50ms;
  32. -webkit-animation: test-enter 50ms;
  33. }
  34. .test-anim-leave-active {
  35. animation: test-leave 50ms;
  36. -webkit-animation: test-leave 50ms;
  37. }
  38. .test-anim-long-enter-active {
  39. animation: test-enter 100ms;
  40. -webkit-animation: test-enter 100ms;
  41. }
  42. .test-anim-long-leave-active {
  43. animation: test-leave 100ms;
  44. -webkit-animation: test-leave 100ms;
  45. }
  46. @keyframes test-enter {
  47. from {
  48. opacity: 0;
  49. }
  50. to {
  51. opacity: 1;
  52. }
  53. }
  54. @-webkit-keyframes test-enter {
  55. from {
  56. opacity: 0;
  57. }
  58. to {
  59. opacity: 1;
  60. }
  61. }
  62. @keyframes test-leave {
  63. from {
  64. opacity: 1;
  65. }
  66. to {
  67. opacity: 0;
  68. }
  69. }
  70. @-webkit-keyframes test-leave {
  71. from {
  72. opacity: 1;
  73. }
  74. to {
  75. opacity: 0;
  76. }
  77. }