@charset "UTF-8"; .item { opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease; } .animate { opacity: 1; transform: translateY(0); } .item_li li { opacity: 0; /* Initially hide the list items */ transform: translateY(20px); /* Optional: adds a slight upward motion */ transition: opacity 0.5s, transform 0.5s; }