Service-Menue BE-Login active
CODE
×
HTML
<a class='service-menue be-login active' href='#' role='listitem'>BE-Login</a>
CSS
a.service-menue.active { height: 20px; line-height: 1.3; border-bottom: 2px solid rgba(234,22,31,0.77); } a.service-menue.active::after { border-color: transparent; } a.service-menue { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); display:inline-block; height: 20px; line-height: 1.3; margin: 0 calc(0.25vw + 15px) 0 calc(0.25vw + 15px); } a.service-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.service-menue { text-decoration: none !important; } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Service-Menue BE-Login active
barrierefrei
Erstellt: 12.09.2024 - 16:58 Uhr
Letzte Änderung: 12.09.2024 - 16:58 Uhr
×
BE-Login