teenagegoths

rgb split hover

Sep 6th, 2021 (edited)
359
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     <style>
  2.                         @keyframes textShadow {
  3.                             0% {
  4.                                 text-shadow: 0.4389924193300864px 0 1px rgba(255, 0, 0, 0.5), -0.4389924193300864px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  5.                             }
  6.                             5% {
  7.                                 text-shadow: 2.7928974010788217px 0 1px rgba(255, 0, 0, 0.5), -2.7928974010788217px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  8.                             }
  9.                             10% {
  10.                                 text-shadow: 0.02956275843481219px 0 1px rgba(255, 0, 0, 0.5), -0.02956275843481219px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  11.                             }
  12.                             15% {
  13.                                 text-shadow: 0.40218538552878136px 0 1px rgba(255, 0, 0, 0.5), -0.40218538552878136px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  14.                             }
  15.                             20% {
  16.                                 text-shadow: 3.4794037899852017px 0 1px rgba(255, 0, 0, 0.5), -3.4794037899852017px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  17.                             }
  18.                             25% {
  19.                                 text-shadow: 1.6125630401149584px 0 1px rgba(255, 0, 0, 0.5), -1.6125630401149584px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  20.                             }
  21.                             30% {
  22.                                 text-shadow: 0.7015590085143956px 0 1px rgba(255, 0, 0, 0.5), -0.7015590085143956px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  23.                             }
  24.                             35% {
  25.                                 text-shadow: 3.896914047650351px 0 1px rgba(255, 0, 0, 0.5), -3.896914047650351px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  26.                             }
  27.                             40% {
  28.                                 text-shadow: 3.870905614848819px 0 1px rgba(255, 0, 0, 0.5), -3.870905614848819px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  29.                             }
  30.                             45% {
  31.                                 text-shadow: 2.231056963361899px 0 1px rgba(255, 0, 0, 0.5), -2.231056963361899px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  32.                             }
  33.                             50% {
  34.                                 text-shadow: 0.08084290417898504px 0 1px rgba(255, 0, 0, 0.5), -0.08084290417898504px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  35.                             }
  36.                             55% {
  37.                                 text-shadow: 2.3758461067427543px 0 1px rgba(255, 0, 0, 0.5), -2.3758461067427543px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  38.                             }
  39.                             60% {
  40.                                 text-shadow: 2.202193051050636px 0 1px rgba(255, 0, 0, 0.5), -2.202193051050636px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  41.                             }
  42.                             65% {
  43.                                 text-shadow: 2.8638780614874975px 0 1px rgba(255, 0, 0, 0.5), -2.8638780614874975px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  44.                             }
  45.                             70% {
  46.                                 text-shadow: 0.48874025155497314px 0 1px rgba(255, 0, 0, 0.5), -0.48874025155497314px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  47.                             }
  48.                             75% {
  49.                                 text-shadow: 1.8948491305757957px 0 1px rgba(255, 0, 0, 0.5), -1.8948491305757957px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  50.                             }
  51.                             80% {
  52.                                 text-shadow: 0.0833037308038857px 0 1px rgba(255, 0, 0, 0.5), -0.0833037308038857px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  53.                             }
  54.                             85% {
  55.                                 text-shadow: 0.09769827255241735px 0 1px rgba(255, 0, 0, 0.5), -0.09769827255241735px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  56.                             }
  57.                             90% {
  58.                                 text-shadow: 3.443339761481782px 0 1px rgba(255, 0, 0, 0.5), -3.443339761481782px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  59.                             }
  60.                             95% {
  61.                                 text-shadow: 2.1841838852799786px 0 1px rgba(255, 0, 0, 0.5), -2.1841838852799786px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  62.                             }
  63.                             100% {
  64.                                 text-shadow: 2.6208764473832513px 0 1px rgba(255, 0, 0, 0.5), -2.6208764473832513px 0 1px rgba(0, 255, 255, 0.3), 0 0 3px;
  65.                             }
  66.                         }
  67.                        
  68.                        
  69.                         .rgb {transition:.3s;}
  70.                         .rgb:hover {
  71.                             animation: textShadow 1.6s infinite;
  72.                             transition:.3s;
  73.                            
  74.                         </style>
RAW Paste Data Copied