The latest articles on Forem by anirudhsingh09 (@anirudhsingh09). https://forem.com/anirudhsingh09 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F383184%2F4d5de6bd-2529-422d-a18f-6d0087ab951d.png https://forem.com/anirudhsingh09 en anirudhsingh09 Sun, 10 May 2020 13:22:20 +0000 https://forem.com/anirudhsingh09/creating-slanted-division-in-html-and-css-16k5 https://forem.com/anirudhsingh09/creating-slanted-division-in-html-and-css-16k5 <p>There are many post on how to create a slanted div using HTML and CSS.<br> They use pseudo elements which is not required at all. In just five lines of CSS code anyone can create a slanted div.</p> <p>HTML codes</p> <div class="highlight"><pre class="highlight plaintext"><code> &lt;div class="main"&gt;&lt;/div&gt; &lt;div class="skew"&gt;&lt;/div&gt; </code></pre></div> <p>CSS codes</p> <div class="highlight"><pre class="highlight plaintext"><code> .main{height: 70px;background: #000;} .skew{height: 40px;background: #000;transform: skewY(2deg);margin-top: -20px;} </code></pre></div> <p>Just try this code and you will be easily able to create slanted division using HTML and CSS.</p> css webdev code