Hotfx
This is a work in progress. Check back soon for something really cool.
Hotfx is a library of custom elements and JavaScript snippets
that are like wow
- Drop Reveal—A text effect reminiscent of a
movie title
- Speech Bubble—Make your page talk
- Responsive Menu—A hamburger menu
element that turns a header into a menu on small screens
- Deep Box—A custom element that will turn any element into a 3D box
with only CSS
- Enhanced Details Element—Make your accordion sing with this
- Far Out Carousel—A carousel from another dimension
- Hanging Punctuation—Quote marks that dip into the margin
- Hot Lightbox—Show off with your images in a fullscreen slideshow
- Intersection Observer—Apply CSS transitions when something comes into
view
- Paginator—Break up your text into sections and show off images
- Rainbow Text—An attention-grabbing text effect
- Shy Header—Hide your header while you scroll down; show it while you
scroll up.
- Speed Counter—Transition numbers from 0 to N
- Text Dial—A text effect like from an old train station sign
- Parallax—Scroll in 3D with this dead simple CSS-only parallax effect
- Gyroscope—Use your phone’s accelerometer in CSS
- Scroll Snapper—Add some buttons to a CSS-only carousel