Hi Guys, maybe you could help me with it… my animated underline should stop at the end of the headline word… i try diffrent classes for example only the x-acc-header-text but it wont work could you help me maybe with that?
/* Basisstil für die Überschrift */
.m3aw-46.x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-text {
position: relative;
margin-right: 0.5em;
}
/* Fügt eine Linie unter der Überschrift hinzu /
.m3aw-46.x-acc > .x-acc-item > .x-acc-header > .x-acc-header-content > .x-acc-header-text::after {
content: ‘’;
position: absolute;
bottom: -7px; / Anpassen, um die Linie näher oder weiter vom Text zu positionieren */
left: 0;
width: 100%;
height: 1px;
background-color: orange;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease-in-out;
}
/* Animiert die Linie, wenn der Benutzer mit der Maus über das Accordion-Element fährt */
.m3aw-46.x-acc > .x-acc-item > .x-acc-header:hover > .x-acc-header-content > .x-acc-header-text::after {
transform: scaleX(1);
}