CSS Per Animation Text einblenden/ausblenden, neuen Text einblenden usw. endlos..

[Guru-Meditation]

Alternativ könnte man noch pointer-events: none; dazunehmen

Wenn es sich aber wie bei mir um quasi kurze Teaser mit Link handelt, wars das dann mit anklicken man muss eh bei den keyframes bei opcity 1 ein z-index zb. 10 setzen damit die links klickbar sind, liegt an position: absolute

 

[Physikbuddha]

Das kann noch nicht jeder Browser.

Du hast Recht, Firefox hängt tatsächlich hinterher 🤔 https://caniuse.com/mdn-css_properties_display_is_transitionable

Ich hätte schwören können, dass es inzwischen 100 % nutzbar ist, aber da lag ich wohl falsch.

 

[floq0r]

man muss eh bei den keyframes bei opcity 1 ein z-index zb. 10 setzen damit die links klickbar sind, liegt an position: absolute

Wenn die jeweils nicht sichtbaren paragraphs ein pointer-events: none; haben dann nicht.

 

[Guru-Meditation]

@floq0r
Richtig, aber ist gehopst wie gesprungen?

 

[floq0r]

Für den vorliegenden Fall ja, solltest du aber einmal ein komplexeres Gespiel mit mehrere absoluten Elementen haben kann das mit dem z-index unübersichtlich werden. Mit den pointer-events kannst du das explizit steuern.