用animation实现弹框或图片的淡入淡出效果

//CSS部分

 #skin .modal-body dl {
            float: left;
            padding: 5px;
            animation: skin 2s ;
        }

@keyframes skin {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

   
}