Tooltip Sie können dieses Anliegen maximal 1 Mal auswählen.

img {border-radius: 5px;} .lineUp { animation-name: anim-lineUp; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 3;} @keyframes anim-lineUp { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; }}.red-button { /* Spezifische Klasse für den roten Button */ background-color: red; /* Roter Hintergrund */ color: white; /* Weiße Schriftfarbe */ border: none; /* Kein Rahmen */ padding: 10px 20px; /* Innenabstand für mehr Platz im Button */ border-radius: 5px; /* Leicht abgerundete Ecken */ font-size: 16px; /* Schriftgröße */ cursor: pointer; /* Zeiger wechselt bei Hover zum Pointer */ text-align: center; /* Text zentrieren */}.red-button:hover { background-color: darkred; /* Dunkleres Rot bei Hover */}.thick-divider { border-top: 5px solid black; /* Dickere Linie für die Abtrennung */ margin: 20px 0; /* Abstand oberhalb und unterhalb der Linie */}Bild ohne Alternativtext

Tooltip Sie können dieses Anliegen maximal 1 Mal auswählen.

img {border-radius: 5px;} .lineUp { animation-name: anim-lineUp; animation-duration: 1s; animation-timing-function: ease-out; animation-iteration-count: 3;} @keyframes anim-lineUp { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; }}Bild ohne Alternativtext