HTML CSS Code Snippets Archive

Free Square Loader CSS

HTML Snippet <div class=”loader”> <div class=”rect red”> </div> <div class=”rect blue”> </div> <div class=”rect orange”> </div> <div class=”rect green”> </div> </div> CSS Snippet .loader { position: relative; width: 40px; height: 40px; animation: loadrotate 4s linear infinite } .rect { width: 20px; height: 20px; float: left; animation: rotation 3s infinite } .red { background: red }


10 CSS JS Timelines

CSS Timeline HTML, CSS Demo / Download   Pure CSS Simple Timeline HTML, CSS Demo / Download   CSS Simple Timeline HTML, CSS Demo / Download   Pure CSS Timeline HTML, CSS Demo / Download   CSS Timeline HTML, CSS Demo / Download   CSS JS Timeline HTML, CSS, JS Demo / Download   CSS


5 Free CSS JS Search Box

Expandable Search Bar using Only CSS HTML, CSS Demo / Download   Expandable Search Bar HTML, CSS, JS Demo / Download   Pure CSS Search Box HTML, CSS Demo / Download   CSS Search Box with Suggesstions HTML, CSS Demo / Download   Flexible CSS Search Box HTML, CSS Demo / Download


8 Free CSS JS Select Box

Selectbox using Only CSS HTML, CSS Demo / Download   Select Box ¬†with Placeholder HTML, CSS Demo / Download   Custom CSS Select Box HTML, CSS Demo / Download   jQuery Custom Select Box HTML, CSS, JS Demo / Download   Custom Select Box using Pure CSS HTML, CSS Demo / Download   Simple Custom


How to Make Div Scrollable Horizontally

HTML <div class=”horizontal_scrollbar”> <div class=”horizontal_scrollbar_inner”> How to make a div scrollable horizontally? </div> </div> CSS .horizontal_scrollbar { background: #fff; overflow-x: scroll; width: 500px; padding: 10px; } .horizontal_scrollbar_inner { width: 800px; } Horizontal Scrollbar Demo  


How to Make Div Scrollable Vertically

HTML <div class=”vertical_scrollbar”> How to make a div scrollable vertically? </div> CSS .vertical_scrollbar { background: #fff; height: 100px; overflow-y: scroll } Vertical Scrollbar Demo