Facebook
From Idiotic Pheasant, 3 Years ago, written in CSS.
Embed
Download Paste or View Raw
Hits: 50
  1. a.arrow_link {
  2.     display: inline-block;
  3.     border-bottom: 1px solid;
  4.     text-transform: uppercase;
  5.     line-height: 1.4;
  6.     font-size: 12px;
  7.     font-weight: 500;
  8.     position: relative;
  9.     transition: .3s ease;
  10.     padding-right: 10px;
  11. }
  12.  
  13. a.arrow_link:before {
  14.     content: '';
  15.     display: block;
  16.     position: absolute;
  17.     position: absolute;
  18.     top: 50%;
  19.     transform: translateY(-50%);
  20.     width: 0;
  21.     height: 1.5px;
  22.     border-top: 1px solid;
  23.     right: 1px;
  24.     transition: .3s ease;
  25. }
  26.  
  27. a.arrow_link:after {
  28.     content: "?" !important;
  29.     font-family: 'stmicons' !important;
  30.     font-size: 10px;
  31.     right: 0;
  32.     transition: .3s ease;
  33.     position: absolute;
  34.     top: 50%;
  35.     transform: translateY(-50%);
  36. }
  37.  
  38. a.arrow_link:hover {
  39.     padding-right: 35px;
  40. }
  41.  
  42. a.arrow_link:hover:before {
  43.     width: 20px;
  44. }