Here the Collection of free HTML and CSS Hover text effect code examples: background, hover, rotating, typing, etc. Update of March 2019 collection.
BLENDED TEXT LAYERS
Content generated with HTML,CSS/SCSS and JavaScript/Babel, created by Genevieve
SPRING TEXT HOVER EFFECT
Just playing around with effects for buttons and thought this was pretty cool. built with HTML and CSS/SCSS, created by Nathan Taylo
SIMPLE CSS HOVER EFFECT USING SASS LOOPS
Simple little hover animation. Sass loops make staggering animation delays really easy to do…you can get a lot of mileage out of them. made with HTML/Pug and CSS/Sass, Created by Charlie Marcotte
PRETTY UNDERLINE
Pretty underline hover effect. made with HTML, CSS/SCSS and JavaScript/Babel (polyfill.js) created by Will King
ANIMATED UNDERLINES
Demo of an animated underline effect. Pure CSS animation. made with HTML and CSS/SCSS created by Ragnar Þór Valgeirsson
FOCUS TEXT HOVER EFFECT
Hover CSS effect for text. Made by Cameron Fitzwilliam
CSS PERSPECTIVE TEXT HOVER
An experiment using webfonts in combination with CSS 3D transform tools. Made by James Bosworth
3D HOVER TEXT EFFECT
HTML, CSS and JavaScript 3d hover text effect. Made by Sascha Sigl
ANIMATED HIGHLIGHTED TEXT
The idea is simple, it make used of linear gradient and transition. Made by Rian Ariona
HAPPY TEXT
HTML and CSS happy text effect. Made by Bennett Feely
PEELED TEXT TRANSFORMS
This pen shows text that looks like it is peeled of the page. It has a smooth animation when hovered. Made by Michiel Bijl
TEXT-MASK BACKGROUND MOVING ON MOUSEMOVE
Trying the new feature “background-clip: text”, with background moving.Made by Robert Borghesi
TYPOGRAPHY TEXT NEON
Text design (typography) with neon effect. Made by Prima Utama Apriansyah