22+ CSS Reveal Animations

Latest Collection of 100% free HTML and CSS reveal animation code examples from Codepen and other resources.

Image reveal – noise

Author

• Samritha S

Made with

• HTML / CSS

Demo / Code Get Hosting

Text clip heading reveal

Author

• Zach Saucier

Made with

• HTML / CSS (SCSS)

Demo / Code Get Hosting

Hero Image Reveal

Author

• Silvestar Bistrović

Made with

• HTML (Pug) / CSS (SCSS)

Demo / Code Get Hosting

Click to open… (CSS)

Author

• Amit Sheen

Made with

• HTML / CSS (SCSS)

Demo / Code Get Hosting

Text Split and Reveal Animation

Author

• Ritika Agrawal

Made with

• HTML / CSS

Demo / Code Get Hosting

Hide/Reveal Useful Info – Pure CSS

Author

• Josetxu

Made with

• HTML / CSS

Demo / Code Get Hosting

Trivia Hide/Reveal CSS

Author

• JT

Made with

• HTML / CSS

Demo / Code Get Hosting

3D CSS Spoiler Reveal

Author

• coder787

Made with

• HTML / CSS

Demo / Code Get Hosting

CSS Image reveal with filter && clip-path 😎

Author

• Jhey

Made with

• HTML (Pug) / CSS (Stylus)

Demo / Code Get Hosting

Reveal Animation

Author

• Aniket Kudale

Made with

• HTML / CSS

Demo / Code Get Hosting

Block Reveal Effect HTML and CSS

Author

• Nirajan Basnet

Made with

• HTML / CSS (SCSS)

Demo / Code Get Hosting

Pure CSS | FadeIn Text with bars | KeyFrames & Scss

Author

• Kaio Almeida

Made with

• HTML / CSS (SCSS)

Demo / Code Get Hosting

Circular Reveal

Author

• Derek Wheelden

Made with

• HTML / CSS (SCSS)

Demo / Code Get Hosting

Reveal animation

Author

• Mike Aparicio

Made with

• HTML / CSS

Demo / Code Get Hosting

Text Reveal on Hover: Flip Down

Author

• David Leininger

Made with

• HTML / CSS (SCSS)

Demo / Code Get Hosting

“Scribble” Image Reveal with SVG & Blend Modes

Author

• Dudley Storey

Made with

• HTML / CSS

Demo / Code Get Hosting

Hover Reveal Effect

Author

• Tiffany Stoik

Made with

• HTML (Haml) / CSS (SCSS)

Demo / Code Get Hosting

Pure CSS Text Reveal

Author

• Mattia Astorino

Made with

• HTML / CSS (SCSS)

Demo / Code Get Hosting

Block Reveal Effects

Author

• Eslam Adel

Made with

• HTML / CSS

Demo / Code Get Hosting

CSS TEXT REVEALING ANIMATION

Author

• Nooray Yemon

Made with

• HTML / CSS

Demo / Code Get Hosting

Block Reveal Effect

Author

• Dmitrij

Made with

• HTML / CSS

Demo / Code Get Hosting

CSS Text Reveal

Author

• Andrés Sánchez

Made with

• HTML / CSS

Demo / Code Get Hosting