Home  »  CodeSnippets   »   How to Display Vertical Text in Reverse Order CSS

How to Display Vertical Text in Reverse Order CSS

Posted: February 7, 2022 | by Michael Bright

.reverse {
    display: inline-block; 
    font-size: 30px;

    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

Found this article interesting? Follow Brightwhiz on Facebook, Twitter, and YouTube to read and watch more content we post.