JSFiddle - React, Tailwind, and code Playground

HTML

<head>
                <title>test</title>
                <meta charset="UTF-8">
                <style type="text/css">
                        #mytext {
                                width:150px;
                                margin:200px auto;
                                opacity:0.3;
                                -moz-opacity: 0.3;
                                -khtml-opacity: 0.3;
                                transform:rotate(-25deg);
                                -moz-transform:rotate(-25deg);
                                -webkit-transform:rotate(-25deg);
                                -o-transform:rotate(-25deg);
                                -ms-transform:rotate(-25deg);
                        }
                </style>
            <!--[if lte IE 8]>
<style>
#mytext {
    filter:progid:DXImageTransform.Microsoft.Matrix(M11='0.985', M12='-0.174', M21='0.174', M22='0.985', SizingMethod="auto expand", enabled=true), progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
</style>
<![endif]-->
        </head>
        <body>
                <div id="mytext">Проба проба проба</div>
        </body>