Home / Tag Archives: flat

Tag Archives: flat

19 CSS Breadcrumbs

Collection of free Hand picked CSS Breadcrumb code examples. Demo and downloads are available. 1) Breadcrumbs with “smart” ellipsis (flex) Demo Image: Breadcrumbs with “smart” ellipsis (flex) Breadcrumbs with “smart” ellipsis (flex) Tutorial/codes – Demo Author: Jonathan Shippin Created: SEPTEMBER 18, 2017 Made with: HTML, CSS(SCSS) 2) Vertical Breadcrumb Demo …

Read More »

Colorful Flat Loading Icon

A different take on the loading icon. Developed using only in HTML and CSS. Kind of looks like the top of the Amazon Alexa. Demo and Download available. Demo Download Author matt henley Created NOVEMBER 13, 2018 License Open Compatible browsers Chrome, Firefox, Safari   HTML Snippet <div class="spinner"></div> CSS …

Read More »

Pure CSS toggle button switch with gray gradient

Flat out awesome Toggle button switch developed using pure css and html. Demo and download available. Demo Download Author Hugo Giraudel Created AUGUST 01, 2012 License Open Compatible browsers Chrome, Firefox, Safari   HTML Snippet <input type="checkbox" id="switch" name="switch"> <label for="switch" class="switch"></label> CSS Code *, *:after, *:before { box-sizing: border-box; …

Read More »