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