.animate { opacity: 0; transition-delay: 300ms; transition: opacity 1s ease, transform 1s ease; &.ani-left { transform: translateX(100px); } &.ani-right { transform: translateX(-100px); } &.ani-up { transform: translateY(2em); } &.ani-rotate { transform: rotate(180deg); } } .animate.visible { opacity: 1; transform: unset; }