Home / Tag Archives: pure

Tag Archives: pure

29 Hand-Picked CSS Carousels

Collection of Hand Picked Pure CSS Carousels without any frameworks and JavaScripts. Listed tutorials well played with 3d, gradients, etc. Some of the CSS Carousels are having beautiful animation effects using transitions. Demo and download available on each tutorial. CSS Carousels can be used directly without any changes and could …

Read More »

Pure CSS button Effects

Pure CSS Buttons.Some CSS3 Buttons. I was curious to see exactly what you could do with just CSS well SCSS. Any ideas on how to simplify it Demo/Download Author Jamie Pettman Created APRIL 09, 2015 Compatible browsers Chrome, Firefox, Safari   HTML Snippet <div class='wrapper'> <div class='title'> <h1>Pure CSS button …

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 »

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 »

Sketched up Pure CSS Next button with animated SVG arrow icon

Pure css NEXT button with SVG next arrow animation effect when hover the button and developed using CSS and HTML. Demo and Download available. Demo Download Author Imran Pardes Created JULY 08, 2018 License Open Compatible browsers Chrome, Firefox, Safari   HTML Snippet <div class="wrapper"> <a class="cta" href="#"> <span>NEXT</span> <span><svg …

Read More »

Three Pure different CSS Button effects

Three Pure CSS Button effects like tap, hover and click effects developed using CSS and HTML. Demo and Download available. Demo Download Author Mohammad Abdul Mohaiman Created APRIL 20, 2016 License Open Compatible browsers Chrome, Firefox, Safari HTML Snippet <h1>Pure Css Button</h1> <div class="main"> <div class="sub-main"> <button class="button-one">Tap Me</button> </div> …

Read More »