These are 3D Profile Flip Cards. Click the i to flip the card. The concept started out as a hover event, but that proved challenging on a mobile device, so I opted to use a bit of js to change out classes on click/touch. There are a variety of flip options, Y, X and Diagonal Tutorial/codes – Demo… Read More »
3D flip cards implemented with CSS3 Tutorial/codes – Demo Author: Samet Erpik Created: AUGUST 23, 2014 Made with: HTML, CSS and JavaScript Find the Demo See the Pen 3D Flip Card Effect by Samet Erpik (@samerpik) on CodePen.
It’s A Calendar Sort Of Thing Tutorial/codes – Demo Author: Jack Thomson Created: JULY 16, 2018 Made with: HTML, CSS and JavaScript Find the Demo See the Pen It’s A Calendar Sort Of Thing by Jack Thomson (@Jackthomsonn) on CodePen.
Calendar Flip Animation Tutorial/codes – Demo Author: Gabriel Colombo Created: FEBRUARY 10, 2017 Made with: HTML, CSS and JavaScript Find the Demo See the Pen Calendar Flip Animation by Gabriel Colombo (@gabrielcolombo) on CodePen.
Cool Activate and Waiting Button animation using HTML, CSS and JavaScript. Tutorial/codes – Demo Author: Aaron Iker Created: DECEMBER 17, 2018 Made with: HTML, CSS and JavaScript
Very creative CSS Buttons | Depth Effect. Developed using css, html and javascript Tutorial/codes – Demo Author: Praveen Bisht Created: NOVEMBER 28, 2017 Made with: HTML, CSS and JavaScript
Vue Touch HammerJs Example and Demo are developed using CSS, HTML and HammerJs.
A modern card based order UI screen developed by Vladimir. The UI developed using CSS and vue.js with beautiful flip animation and success tick animation.
Sexy button loading animation on clicking the button. Developed using HTML, CSS, Javascript and font awesome. Demo and download the code(*.zip) Awesome button loading animation onclick HTML Snippet <button class=”button”> <span class=”submit”>Submit</span> <span class=”loading”><i class=”fa fa-refresh”></i></span> <span class=”check”><i class=”fa fa-check”></i></span> </button> CSS Snippet html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } *, *:before, *:after… Read More »
Beautiful Plus Button with animation using CSS, HTML and jQuery. This trendy User Interface Add Button is easy to integrate with any desktop and mobile website for add with tooltip options. Demo and Download the zip (*.zip). Awesome Plus button with animation using CSS3 & jQuery HTML Snippet <div class=”centered”> <div class=”plus” id=”plus”> <div class=”plus__line plus__line–v”> <a href=”#”… Read More »
This tutorial will help user to bring flip animation effect for button click. CSS animations are a lot of fun. This tutorial will covers vertical, horizontal and folding button flip animation using css3.
