<!-- CSS.makeup -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<!-- Your animated element -->
<div class="preview-element animate__animated animate__bounce" style="animation-duration: 1s; animation-delay: 0s; animation-iteration-count: ; animation-timing-function: ;">
CSS.Makeup</div>
.my-element {
animation-duration: 1s;
animation-delay: 0s;
animation-iteration-count: ;
animation-timing-function: ;
}
/* Accessibility */
@media (prefers-reduced-motion: reduce) {
.my-element { animation: none !important; }
}
/* No JS needed for 'On Page Load' trigger */