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

@keyframes chigusa_hide {
    0% {
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }

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

@keyframes chigusa_blocks_reveal {
    0% {
        clip-path: inset(0 100% 0 0);
        opacity: 1;
    }

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

.chigusa-signature {
    display: inline-grid;
    position: relative;
}

.chigusa-original,
.chigusa-blocks {
    grid-area: 1 / 1;
    white-space: nowrap;
}

.chigusa-original {
    animation: chigusa_hide 1.2s steps(12, end) 15s forwards;
}

.chigusa-blocks {
    opacity: 1;
    color: #2427f0;
    font-family: monospace;
    letter-spacing: 1px;
    text-shadow:
        0 0 2px #2427f0,
        2px 2px 2px #0b3f9c;

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

    animation: chigusa_blocks_reveal 1.2s steps(12, end) 15s forwards;
}