dollcrds

seomplayer carrd animation

Feb 22nd, 2024
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.59 KB | None | 0 0
  1. <style>
  2. #container07, #container05, #container06 { /* animation u can change it in animista */
  3. -webkit-animation: slide-in-elliptic-right-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  4. animation: slide-in-elliptic-right-fwd 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  5. }
  6. /* ----------------------------------------------
  7. * Generated by Animista on 2022-5-29 2:14:25
  8. * Licensed under FreeBSD License.
  9. * See http://animista.net/license for more info.
  10. * w: http://animista.net, t: @cssanimista
  11. * ---------------------------------------------- */
  12.  
  13. /**
  14. * ----------------------------------------
  15. * animation slide-in-elliptic-right-fwd
  16. * ----------------------------------------
  17. */
  18. @-webkit-keyframes slide-in-elliptic-right-fwd {
  19. 0% {
  20. -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
  21. transform: translateX(800px) rotateY(-30deg) scale(0);
  22. -webkit-transform-origin: -100% 50%;
  23. transform-origin: -100% 50%;
  24. opacity: 0;
  25. }
  26. 100% {
  27. -webkit-transform: translateX(0) rotateY(0) scale(1);
  28. transform: translateX(0) rotateY(0) scale(1);
  29. -webkit-transform-origin: -1800px 50%;
  30. transform-origin: -1800px 50%;
  31. opacity: 1;
  32. }
  33. }
  34. @keyframes slide-in-elliptic-right-fwd {
  35. 0% {
  36. -webkit-transform: translateX(800px) rotateY(-30deg) scale(0);
  37. transform: translateX(800px) rotateY(-30deg) scale(0);
  38. -webkit-transform-origin: -100% 50%;
  39. transform-origin: -100% 50%;
  40. opacity: 0;
  41. }
  42. 100% {
  43. -webkit-transform: translateX(0) rotateY(0) scale(1);
  44. transform: translateX(0) rotateY(0) scale(1);
  45. -webkit-transform-origin: -1800px 50%;
  46. transform-origin: -1800px 50%;
  47. opacity: 1;
  48. }
  49. }
  50.  
  51. </style>
Advertisement
Add Comment
Please, Sign In to add comment