CSS Snippets
Have you ever seen a cool feature on a website and thought "How do they do that"?
Have you ever seen a cool feature on a website and thought "How do they do that"?
We have collected a bunch of CSS snippets that you can use in your projects, for free:
Image Text Blocks
<img src="/howto/img_nature_wide.jpg" alt="Nature" style="width:100%;height:auto">
NatureBeautiful sunrise
Alert Buttons
<button class="btnalert success">Success</button>
<button class="btnalert info">Info</button>
<button class="btnalert warning">Warning</button>
<button class="btnalert danger">Danger</button>
<button class="btnalert default">Default</button>
Loaders
Top Navigation
Home) News) Contact)
Animated Search Form
<input id="myInp" type="text" name="search" placeholder="Search..">
Hover Dropdowns
<button class="dropbtn" style="background-color:#f4511e;">Hover</button>
Link 1) Link 2) Link 3)
Fixed Sidebar
<iframe src="/howto/tryhow_css_sidenav_ifr.htm" style="width:100%;border:5px solid #ddd;height:300px;background-color:#fff;"></iframe>
<iframe src="/howto/tryhow_css_sidenav_ifr2.htm" style="width:100%;border:5px solid #ddd;height:300px;background-color:#fff;"></iframe>
How To - Snippets Library
For more snippets, you can visit our How To section, that include hundreds of code snippets for HTML, CSS and JavaScript.