Underline Clip Hover Animation
A fancy animated underline using text clipping. The text uses background-clip: text and a linear-gradient background to be bi-color. We get around animating the gradient by animating the background-position instead. We have to use a wrapper element for having the underline highlight under the text since the text color is already the background!
Made with: HTML,CSS
Animated Flippreloader
An awesome flip preloader made in CSS. Colors are fully logical on flip. Any colors can be set easily.
Made with: HTML
React Native Animated Progress
A easy-to-use and customizable animated progress bar.
Made with:
Mastering General Sibling Selectors: Custom Tab Navigation
"This tutorial will cover navigation elements using links and radio inputs. In addition to CSS selectors, the will-change property, and input states from the previous tutorial, we’ll also cover a border hack, Sass for loops, calc(), and accessibility!"
Made with: HTML
Clip Path Hover Animation
A clip-path hover animation that is fully keyboard accessible.
Made with: HTML,CSS (SCSS)
Clip-Path Hover Animation
A clip-path hover animation that is fully keyboard accessible.
Made with: HTML,CSS (SCSS)
Bootstrap Animated Play Button
Using CSS animation and pseudo elements, create a nice animated play button.
Made with: HTML,CSS,JS
Bootstrap Carousel With Quotes
Create an elegant quote carousel using default Bootstrap 4 carousel component.
Made with: HTML,CSS,JS
Bootstrap 4 Toggle Switches
Create bootstrap toggle switches using Bootstrap custom form components.
Made with: HTML,CSS,JS