Advertisement
janusivan

Producer - Privacy Policy Link - Underline effect

Jan 10th, 2023
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.99 KB | None | 0 0
  1. /* fix privacy policy underline hover animation -launch WB */
  2. #global-footer .hvr_animation {
  3.     -webkit-font-smoothing: unset;
  4.     transition: 0.3s linear;
  5.     text-decoration: none;
  6.     position: relative;
  7.     color: inherit;
  8.     display: inline-block;
  9. }
  10. #global-footer .hvr_animation:hover {
  11.     outline-width: 0;
  12. }
  13.  
  14. #global-footer .hvr_animation:before {
  15.     content: "";
  16.     position: absolute;
  17.     display: block;
  18.     width: 0;
  19.     height: 1px;
  20.     transition: 0.3s linear;
  21.     background: currentColor;
  22.     bottom: 0;
  23.     left: 0;
  24. }
  25.  
  26. #global-footer .hvr_animation:before {
  27.     width: 100%;
  28.     opacity: 0.3;
  29. }
  30.  
  31. #global-footer .copy-zone>a:after {
  32.     content: "";
  33.     position: absolute;
  34.     display: block;
  35.     width: 0;
  36.     height: 1px;
  37.     transition: 0.3s linear;
  38.     background: currentColor;
  39.     bottom: 0;
  40.     left: 0;
  41. }
  42.  
  43. @media (hover: hover) and (pointer: fine) {
  44.     #global-footer .hvr_animation:hover:after {
  45.         width: 100%;
  46.     }
  47. }
  48. /* end */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement