dracslaura

glow text

Oct 12th, 2021
767
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2.  
  3. @keyframes glow {
  4. 0% {
  5. text-shadow: 0 0 15px blue;
  6. }
  7.  
  8. 50% {
  9. text-shadow: none;
  10. }
  11.  
  12. 100% {
  13. text-shadow: 0 0 15px blue;
  14. }
  15. }
  16.  
  17. @-webkit-keyframes glow {
  18. 0% {
  19. text-shadow: 0 0 15px blue;
  20. }
  21.  
  22. 50% {
  23. text-shadow: 0 0 0;
  24. }
  25.  
  26. 100% {
  27. text-shadow: 0 0 15px blue;
  28. }
  29. }
  30.  
  31. #glow {
  32. -webkit-background-clip: text;
  33. -webkit-text-fill-color: transparent;
  34. -webkit-text-stroke-width: 1px;
  35. -webkit-text-stroke-color: #000;
  36. font-weight:bold;
  37. font-size:2em;
  38. -webkit-animation: glow 2.0s linear infinite;
  39. -moz-animation: glow 2.0s linear infinite;
  40. -ms-animation: glow 2.0s linear infinite;
  41. -o-animation: glow 2.0s linear infinite;
  42. animation: glow 2.0s linear infinite;
  43. }
  44.  
  45. </style>
  46. <div id="glow">
  47. <strong>
  48. Glowing Text
  49. </strong>
  50. </div>
RAW Paste Data