dracslaura

blurred in text link

Jun 1st, 2021 (edited)
1,610
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--- cr viliarreai if used/reposted --->
  2.  
  3.  
  4. <style>
  5.  
  6. a.one:link, a.one:visited {
  7. text-shadow: -1px 0 #D6BDFF, 0 1px #D6BDFF, 1px 0 #D6BDFF, 0 -1px #D6BDFF, 0 0; /* change the first text shadow here */
  8. font-size:25px;
  9. font-weight:bold;
  10. color:#F5F0FF; /* change the first text color here */
  11. text-align: left;
  12. text-decoration: none;
  13. }
  14.  
  15. a.two:link,a.two:visited {
  16. text-shadow: -1px 0 #D6BDFF, 0 1px #D6BDFF, 1px 0 #D6BDFF, 0 -1px #D6BDFF, 0 0; /* change the second text shadow here */
  17. font-size:25px;
  18. font-weight:bold;
  19. color:#fff; /* change the second text color here */
  20. text-align: left;
  21. text-decoration: none;
  22. }
  23.  
  24.  
  25. a.one:hover, a.one:active {
  26. transition: 0.5s; /* how fast/slow the transition will be */
  27. webkit-filter: blur(1px); /* you can change the blur amount here */
  28. filter: blur(1px);
  29. }
  30.  
  31. a.two:hover, a.two:active {
  32. transition: 0.5s; /* how fast/slow the transition will be */
  33. webkit-filter: blur(1px); /* you can change the blur amount here */
  34. filter: blur(1px);
  35. }
  36.  
  37. </style>
  38.  
  39. <!--- change ur links here, one is the first text and two is the second text --->
  40.  
  41. <a class="one" href="#h">❥</a>
  42. <a class="two" href="#etc"> I.</a>
  43. <a class="two" href="#lol"> II.</a>
  44.  
  45.  
  46. <!---use https://www.w3schools.com/ to edit and see your text--->
  47.  
  48.  
RAW Paste Data