• HTML
• CSS

HTML

<div class="caja">
    Div
</div>

CSS

.caja{
    width:200px;
    height:200px;
    margin:50px auto;
    padding:10px;
    border-radius:5px;
    border:10px solid #f1948a;
    background:#ec7063;
    color:#fff;
}

.caja{
    animation-name:caja_dinamic;
    animation-duration:0.7s;
}

@keyframes caja_dinamic{
    from{
        opacity:0;
        transform:scale(0.1);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

/*
    Recuerda que en navegadores antiguos y no actualizados no soportan estas propiedades (animation-name,animation-duration,...)
    Para que el elemento funcione correctamente se recomienda usar los prefijos como:
    
    -webkit- Safari y Chrome
    -moz- Firefox
    -o- Opera
    -ms- Internet Explorer
    
    ejm:
    
    -webkit-animation-name:...
    -webkit-animation-duration:...
    ...
*/