different duration in-out

by Jason Land

HTML

<div class="box">Lorem Ipsum</div>

CSS

.box{
    opacity: 0;
    -webkit-transition: opacity 2s;
}

.box:hover{
    opacity: 1;
    -webkit-transition: opacity .4s;
}