JSFiddle - React, Tailwind, and code Playground
HTML
<p class="absatz">
Einblendung per CSS Keyframes!
</p>
CSS
p.absatz {
animation: einblenden 1.5s;
-moz-animation: einblenden 1.5s; /* Für Firefox */
-webkit-animation: einblenden 1.5s; /* Für Safari und Chrome */
-o-animation: einblenden 1.5s; /* Für Opera */
}
@keyframes einblenden {
from { opacity:0; }
to { opacity:1; }
}
@-moz-keyframes einblenden { /* Für Firefox */
from { opacity:0; }
to { opacity:1; }
}
@-webkit-keyframes einblenden { /* Für Safari und Chrome */
from { opacity:0; }
to { opacity:1; }
}
@-o-keyframes einblenden { /* Für Opera */
from { opacity:0; }
to { opacity:1; }
}