Drop Caps in CSS :first-letter
The :first-letter selector is used to specify the style of the first letter of a sentence. HTML <p>Drop Caps</p> CSS […]
Colorful Gradient Buttons on Hover
Colorful Gradient Buttons on Hover HTML <div class=”buttons”> <button class=”btn-hover color-1″>BUTTON</button> <button class=”btn-hover color-2″>BUTTON</button> <button class=”btn-hover color-3″>BUTTON</button> <button class=”btn-hover color-4″>BUTTON</button> […]
Resizable Columns in CSS
Resizable Columns in CSS Responsive and resizable columns using CSS and HTML .container { columns: 150px auto; border: 2px solid; […]
Sticky header and Custom Scroll Bar in CSS
Sticky header and Custom Scroll Bar in CSS Demo: https://codepen.io/agevenkat/pen/MWQZMzO HTML <div class=”cont”> <dl class=”container”> <dt>A</dt> <dd>Alpha</dd> <dd>Alpha</dd> <dd>Alpha</dd> <dd>Alpha</dd> […]
Drawing a triangle with CSS, 2 different approaches
Drawing a triangle with CSS, 2 different approaches <div class=”triangle”> </div> <div class=”triangleborder”> </div> .triangle { clip-path: polygon(50% 0%, 0% 100%, […]