dracslaura

pop text stop on hover

Aug 22nd, 2021 (edited)
69
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!---
  2.  
  3. (\ ∧♛∧ .+° °*.
  4. (ヾ( *・ω・) °・ cr koiwaprimavera for base code!
  5. `し( つ つ━✩* .+°
  6. (/しーJ
  7.  
  8. --->
  9.  
  10. <style>
  11. #fuck:hover {
  12. animation-play-state: paused;
  13.  
  14. }
  15.  
  16. #fuck {
  17. text-shadow: -1px 0 #FE727B, 0 1px #FE727B, 1px 0 #FE727B, 0 -1px #FE727B, 0 0;
  18. font-style: bold;
  19. font-size:3em;
  20. font-weight:bold;
  21. font-family: Arial, Helvetica, sans-serif;
  22. color: #FFC9CD;
  23. -webkit-animation: pop 1s ease-in-out infinite alternate;
  24. animation: pop 1s ease-in-out infinite alternate;
  25. -moz-animation: pop 1s ease-in-out infinite alternate;
  26. }
  27.  
  28. @keyframes pop {
  29. from {
  30. transform:scale(0.95)
  31. }
  32.  
  33. 50% {
  34. transform:scale(1)
  35. }
  36.  
  37. to {
  38. transform:scale(0.95)
  39. }
  40. }
  41.  
  42. @-webkit-keyframes pop {
  43. from {
  44. -webkit-transform:scale(0.95)
  45.  
  46. }
  47.  
  48. 50% {
  49. -webkit-transform:scale(1)
  50.  
  51. }
  52.  
  53. to {
  54. -webkit-transform:scale(0.95)
  55.  
  56. }
  57. }
  58.  
  59. </style>
  60. <div id="fuck">text!</div>
  61.  
RAW Paste Data