/* Write [.focus] above your text to add the hover effect to this section */
.focus p {
line-height: 1.8;
transition: all 0.3s ease;
position: relative;
}
.focus p:hover {
transform: translateX(10px);
padding-left: 20px;
border-left: 3px solid black;
}Hover Effekt im Text
Fügen Sie einen interaktiven Hover-Effekt zu Absätzen hinzu, der den Text verschiebt und einen linken Rand-Akzent hinzufügt. Verwenden Sie die [.focus]-Klasse, um diesen Effekt für bestimmte Abschnitte zu aktivieren.
Screenshots
1 / 2
Learn more about CSS styling
Learn how to integrate CSS styles in adoc Studio in our documentation.