vivo-ui/lib/assets/common.css

vivo ui component lib for vue

/*淡入淡出*/
.va-fade-normal {
    -webkit-transition-duration: 400ms;
       -moz-transition-duration: 400ms;
         -o-transition-duration: 400ms;
            transition-duration: 400ms;
}

.va-fade-slow {
    -webkit-transition-duration: 600ms;
       -moz-transition-duration: 600ms;
         -o-transition-duration: 600ms;
            transition-duration: 600ms;
}

.va-fade-fast {
    -webkit-transition-duration: 200ms;
       -moz-transition-duration: 200ms;
         -o-transition-duration: 200ms;
            transition-duration: 200ms;
}

/*遮罩层*/
.va-layer-normal {
    background: rgba(0, 0, 0, .6);
}

/*关闭图标*/
.va-close-icon {
    position: absolute;
    right: 0;
    top: 0;
    width: .5rem;
    height: .5rem;
}

.va-close-icon::before,
.va-close-icon::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: .04rem;
    -webkit-transform: translateY(-50%) rotate(45deg);
       -moz-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
         -o-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    background: #aaa;
}

.va-close-icon::after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
       -moz-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
         -o-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
}