Every animation has its own scoped class. Verify your LLL ID to edit any animation in real-time.
Each animation is a self-contained component with no style leakage
The element starts completely transparent and smoothly becomes fully opaque. No style leakage!
.anim-fade-in {
width: 170px;
height: 170px;
border-radius: 28px;
background: linear-gradient(135deg, #3b82f6, #8b5cf6);
color: #fff;
box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);
animation: keyframe-fadeIn 1s ease forwards;
}
@keyframes keyframe-fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}