bypass css scope prepender

[chrisns]

trying to do some basic css animation stuff with either theme or inline style

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
    50% {
        -webkit-transform: scale(0.75, 0.75); opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
}

becomes

@-webkit-keyframes pulsate {
    div#p > svg > foreignObject > section 0% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
    div#p > svg > foreignObject > section 50% {
        -webkit-transform: scale(0.75, 0.75); opacity: 0.5;
    }
    div#p > svg > foreignObject > section 100% {
        -webkit-transform: scale(1.0, 1.0); opacity: 1.0;
    }
}

is there an easy way to disable the prepending css for a block/line?

[yhatt]

Try removing -webkit vendor prefix.

@-webkit-keyframes may be a edge case of marp-team/marpit#97.

[chrisns]

bingo! thanks!!