Main-Menue-Item (Campaign)
CODE
×
HTML
<a class='main-menue-campaign'>Menü-Element 1</a>
CSS
a.main-menue-campaign { font-size: 18px; line-height: 21px; font-family: 'Roboto'; font-style: normal; font-weight: 300; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); text-decoration:none; display:inline-block; margin: 0 calc(1.1vw + 12px) 0 calc(1.1vw + 12px); height: 36px; line-height: 1.5; margin-top: 34px; } a.main-menue-campaign: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-campaign:hover::after, a.main-menue-campaign:focus::after, a.main-menue-campaign:active::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } a { color: var(--black); } a:hover, a:focus { color: var(--black); }
JS
Main-Menue-Item (Campaign)
×
MenĂ¼-Element 1