Home / Tag Archives: html

Tag Archives: html

26 CSS Tooltips

Collection of Hand-picked CSS Tooltips and developed using CSS and HTML. Demos and downloads are available at each tooltips tutorials. 1) Bubble Point Tooltips Demo Image: Bubble Point Tooltips Bubble Point Tooltips Tutorial/codes – Demo Author: Chris Coyier Created: JANUARY 18, 2019 Made with: HTML, CSS and JavaScript 2) Fancy …

Read More »

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 »

56 Hand Picked CSS Loaders

Collection of hand-picked awesome Loaders developed using CSS, html, JavaScript, jQuery, etc. Listed tutorials well played with 3d, gradients, Animation etc. some of the CSS Loaders are having beautiful animation effects using transitions. Demo and download available on each tutorial. CSS Loaders can be used directly without any changes and …

Read More »

12 Hand Picked CSS Toggle Switches

Toggle Switch Design Inspiration with HTML and CSS Code. We have collection of hand picked CSS Toggle switchs. Toggle switchs mostly used for on/off functionality. Article will be helpful for designers and non-coders. Find HTML, CSS Code Snippets for toggle switch. Comment your favorite Toggle switch(s) or comment the switch(s) …

Read More »

38 CSS Calendars

In this article, we listed the hand-picked awesome css calendars developed using css, html, JavaScript, jQuery, etc. Listed tutorials well played with colors, gradients, dynamic, event pick, event selection or responsive. some of the calendars are have beautiful animation effects using transitions. Demo and download available on each tutorial. calendars …

Read More »

55 Useful handpicked CSS Buttons with examples and demos

In this article, we listed the hand-picked awesome css3 buttons collections developed using only css, html, JavaScript, etc. Listed tutorials well played with colors, gradients or shapes. Some of the buttons are have beautiful animation effects using transitions. Demo and download available on each tutorial. Button can be used directly …

Read More »

Simple pure CSS button hover effect

Simple awesome pure CSS button hover effect. Developed using html, css, vanilla-tilt.js and JavaScript. Demo and download available. Demo Download Author Julia Created FEBRUARY 14, 2017 License Open Compatible browsers Chrome, Firefox, Safari HTML Snippet <div class="button_container"> <p class="description">A simple pure CSS hover effect</p> <button class="btn"><span>Hover me!</span></button> </div> CSS Code …

Read More »

3D Tilt Parallax Effect with Mouse Movement

Learn how to create the 3D tilt parallax effect while moving a mouse cursor. Developed using html, css, vanilla-tilt.js and JavaScript. Demo and download available. Demo Download Author Ryan Yu Created MARCH 29, 2018 License Open Compatible browsers Chrome, Firefox, Safari Include Dependency <script src='https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.4.1/vanilla-tilt.min.js'></script> CSS Code body { background: …

Read More »

Morph images on hover Menu Portfolio with pixi.js

Using Pixi.js plugin displacement filter to “morph” images while hovering connected sidebar links. Done using html, css, jQuery, TweenMax and pixi.js. Demo and download available. Demo Download Author Karlo Videk Created JUNE 29, 2018 License Open Compatible browsers Chrome, Firefox, Safari     <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.7.1/pixi.min.js'></script> HTML …

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 »