Main-Menue-Item
CODE
×
HTML
<a class='main-menue' href='#' role='listitem'>Main-Menü</a>
CSS
a.main-menue { font-size: 24px; line-height: 28px; color: var(--black); letter-spacing: 0.01rem; word-spacing: 0.025rem; display:inline-block; margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px); height: 36px; line-height: 1.5; } a.main-menue:after { display: block; content: ''; border: 1px solid #000; border-radius: 3px; height: 2px; background-color: #000; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } a.main-menue { text-decoration: none !important; } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Main-Menue-Item
Letzte Änderung: 05.12.2023 - 13:48 Uhr
×
Main-MenĂ¼