<div class="some-properties animate-this"></div>
@keyframes whatever-name-you-want { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 30% { opacity: 0.75; } 100% { opacity: 1; transform: none; } } .some-properties { background-color: #990000; display: block; height: 100px; width: 100px; } .animate-this { animation-duration: 2s; transition-timing-function: ease-in; animation-fill-mode: both; animation-name: whatever-name-you-want; }