用户:一只蓝莓π/签名/style.css

@keyframes chigusa_text_hide {
    0% {
        clip-path: inset(0 0 0 0);
    }

    100% {
        clip-path: inset(0 0 0 100%);
    }
}

@keyframes chigusa_blocks_grow {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.chigusa-signature {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

.chigusa-original {
    display: inline-block;
    animation:
        chigusa_text_hide
        12s
        steps(14, end)
        5s
        forwards;
}

.chigusa-signature::after {
    content: "██████████████████";

    position: absolute;

    left: 0;
    top: 0;

    width: 0%;
    height: 100%;

    overflow: hidden;
    white-space: nowrap;

    color: #0f1d87;

    font-family: monospace;
    font-size: 1.4em;
    line-height: inherit;

    text-shadow:
        0 0 2px #0f1d87,
        1px 1px 2px #0c42a0;

    animation:
        chigusa_blocks_grow
        12s
        steps(24, end)
        15s
        forwards;
}