#e8e8e8
1.cta { 2 border: none; 3 background: none; 4} 5 6.cta span { 7 padding-bottom: 7px; 8 letter-spacing: 4px; 9 font-size: 14px; 10 padding-right: 15px; 11 text-transform: uppercase; 12} 13 14.cta svg { 15 transform: translateX(-8px); 16 transition: all 0.3s ease; 17} 18 19.cta:hover svg { 20 transform: translateX(0); 21} 22 23.cta:active svg { 24 transform: scale(0.9); 25} 26 27.hover-underline-animation { 28 position: relative; 29 color: black; 30 padding-bottom: 20px; 31} 32 33.hover-underline-animation:after { 34 content: ""; 35 position: absolute; 36 width: 100%; 37 transform: scaleX(0); 38 height: 2px; 39 bottom: 0; 40 left: 0; 41 background-color: #000000; 42 transform-origin: bottom right; 43 transition: transform 0.25s ease-out; 44} 45 46.cta:hover .hover-underline-animation:after { 47 transform: scaleX(1); 48 transform-origin: bottom left; 49}
26K views
26K views
Comments
MIT License