css module 动画问题

40 阅读1分钟
:global {
    .fadeIn {
        &::-webkit-scrollbar :local {
            display: none;
        }
        &:hover {
            &::-webkit-scrollbar :local {
                display: block;
                animation-name: hideIndex;
                animation-duration: 3s;
            }
        }
    }
    @keyframes hideIndex {
        0% {
            opacity: 0;
        }
        30% {
            opacity: 0.3;
        }
        50% {
            opacity: 0.5;
        }
        100% {
            opacity: 1;
        }
    }
}