Advertisement
ruesha

codes for seola uwu ai

Feb 25th, 2022
1,230
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.53 KB | None | 0 0
  1. ---- bounce ----
  2. <Style>.
  3. bouncyyy {
  4. animation: bounce 2s infinite;
  5. animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto;
  6. }
  7.  
  8. .letterone { animation-delay:0s; display:inline-block;}
  9. .lettertwo { animation-delay:0.2s; display:inline-block;}
  10. .letterthree { animation-delay:0.4s; display:inline-block; }
  11. .letterfour { animation-delay:0.6s; display:inline-block;}
  12. .letterfive { animation-delay:0.8s; display:inline-block;}
  13. .lettersix { animation-delay:1s; display:inline-block;}
  14. .letterseven { animation-delay:1.2s; display:inline-block;}
  15.  
  16. @keyframes bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-30px); } 50% { transform: scale(1.05,.95) translateY(0); } 60% { transform: scale(1,1) translateY(-4px); } 100% { transform: scale(1,1) translateY(0); } }</style>
  17.  
  18. ---- for the name text ----
  19. font-size: 5em;
  20. font-family: 'cupcake';
  21. color: #f3f4b0;
  22. -webkit-text-stroke: 2px #aed529;
  23. z-index: 99;
  24. opacity: 80%;
  25. animation: bounce 2s infinite;
  26. animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto;
  27. filter: drop-shadow(0px 0px 1px #45993D) drop-shadow(0px 0px 1px #45993D) drop-shadow(0 0px 2px #45993D) drop-shadow(0px 2px #45993D);
  28. position: absolute;
  29. bottom: -.5em;
  30. left: 0em;
  31.  
  32. ---- for main container border & main scrollbox border ----
  33. border-radius: 3px;
  34. border-radius: 0.75em;
  35. border: 6px double #76AD71;
  36. box-shadow: 0 0 0 1px black, inset 0 0 0 1px black, 0px 0px 8px 0px #000;
  37. width: 22em;
  38. height: 18em;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement