Footer-Menue-Item
CODE
×
HTML
<a class='footer-menue'>Footer-Menü</a>
CSS
a.footer-menue { font-size: 14px; line-height: 18px; letter-spacing: 0.01rem; word-spacing: 0.025rem; font-family: 'Roboto'; font-style: normal; font-weight: 400; color: var(--black); display:inline-block; text-decoration:none; height: 18px; line-height: 1.5; margin: 0 calc(0.5vw + 30px) 0 0; } a.footer-menue:after { display: block; content: ''; border-bottom: 2px solid #000; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 100ms ease-in-out; transition: transform 100ms ease-in-out; } a.footer-menue:hover::after, a.footer-menue:focus::after, a.footer-menue:active::after { transform: scaleX(1); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Footer-Menue-Item
×
Footer-MenĂ¼