Advertisement
solielios

Flickering text ♡

Sep 28th, 2021
1,240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.18 KB | None | 0 0
  1. <!-- CR Solielios if you wanna but i don't really care as long as you don't put it in your own resource carrd, this belongs in limonysal -->
  2.  
  3. </br>
  4. <div id="sol">
  5. <div class="soltit"><span class="solro">You can change</span> <span class="solaz">the speed too</span> </div>
  6. <style>
  7.  
  8. @keyframes solpar {
  9. 0% {
  10. opacity: 1;
  11. }
  12. 50% {
  13. opacity: 0;
  14. }
  15. 100% {
  16. opacity: 1;
  17. }
  18. }
  19.  
  20. .soltit {
  21. width: 400px;
  22. font-family: 'Lato';
  23. color: var(--rcd4);
  24. text-align: center;
  25. font-size: 25px;
  26. text-transform: uppercase;
  27. }
  28.  
  29. .solro {
  30. color: var(--rcd2);
  31. text-shadow: 0px 0px 2px var(--rcd2), 0px 0px 3px var(--rcd2), 0px 0px 6px var(--rcd2), 0px 0px 10px var(--rcd2);
  32. animation: solpar 2s infinite;
  33. }
  34.  
  35. .solaz {
  36. color: var(--rcd3);
  37. text-shadow: 0px 0px 2px var(--rcd3), 0px 0px 3px var(--rcd3), 0px 0px 6px var(--rcd3), 0px 0px 10px var(--rcd3);
  38. animation: solpar 3.5s infinite;
  39. }
  40.  
  41.  
  42. #sol { /**Vary your colors here**/
  43. --rcd1: #fbdb2e;
  44. --rcd2: #e0318e;
  45. --rcd3: #078caf;
  46. --rcd4: #FFFFFF;
  47. --rcd5: #000000;
  48. }
  49.  
  50. </style>
  51. <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Press+Start+2P&family=Roboto:wght@300&display=swap" rel="stylesheet">
  52.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement