Kairo Motion Library

/* 1. Paste the @keyframes block into your CSS */
@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 2. Apply it to any element */
.element {
  animation: fade-in-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}