Amazing Button Hover
Responsive amazing button with hover effect.
Made with: HTML,CSS (SCSS)
Checkbox Animation
Checkbox animation created using HTML and CSS only.
Made with: HTML,CSS
Rotating Circles Preloader
A beautiful preloader with rotating circles. Pure CSS.
Made with: HTML
Movies Skeleton Loading
Loading movies images, title and subtitle and book now button in a skeleton loading pattern.
Made with: HTML,CSS
3D Product Carousel Transition
David Khourshid and Stephen Shaw enter the third dimension building this show-stopping shoe shopping 3D animation.
Made with: HTML,CSS (SCSS),JS
How To Create A "Sticky" Floating Video On Page Scroll
"If you have found yourself browsing media websites recently–video streaming services, news websites, Facebook and so on–you might have noticed a trend regarding their video players. If we scroll down a page where a video is present, it will float and shrink the player, sticking it to the side of the viewport instead of losing it from view. This allows the users to keep an eye on the video, whilst looking through the other content at the same time. In this tutorial I’m going to show you how to recreate the same experience–so without further ado, let’s get started!"
Made with: HTML
How To Make Magic, Animated Tooltips With Css
"Tooltips are a great way to enhance a UI when your users need some extra context for that fancy icon, or when they want some reassurance for clicking a button, or maybe an Easter Egg caption to go along with an image. Let’s make some animated tooltips, right now, with nothing but HTML and CSS."
Made with: HTML
Online Payment App
This is a payment app written in Tailwind CSS only.
Made with: HTML,CSS