Edit in JSFiddle


              
            
          
            
              
                
<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;
}