JSFiddle - React, Tailwind, and code Playground

by tony871209

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Galleria Classic Theme</title>
        <script src="http://lianlianke.com/~tony/jQueryRotate.2.1.js"></script>
    </head>
    <body>
      <div class="content">
        <div id="wrapper">
          <img class="abcd shadow" id="test" src="http://www.artcentergallery.com/gallery/vladimir-kush/kush-gallery-wall.jpg">
        </div>
        <div>
            <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        </div>
      </div>
    
      <script>
          $(document).ready(function() {
              $('#test').rotate(-30);
          });
      </script>
    </body>
</html>

CSS

body {
      background-color: #6DDA3F;
      }

      .abcd {
      width: 140px;
      height: 80px;
      border: 5px solid #ffffff;
      }

      .shadow {
      -moz-box-shadow: 0px 0px 7px #1c1c1c;
      -webkit-box-shadow: 0px 0px 7px #1c1c1c;
      box-shadow: 0px 0px 7px #1c1c1c;
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#1c1c1c')";
      filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#1c1c1c');
      }

      #wrapper {
      overflow: hidden;
      height: 80px;
      }