Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating a Simple CSS Hover Animation

Web Dev Simplified via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to create a deceptively complex split text hover animation in CSS through this 42-minute live coding tutorial. Follow along as the instructor attempts to build the animation from scratch, exploring different approaches and overcoming challenges. Dive into HTML structure, experiment with two different CSS text styling attempts, and master the animation properties to achieve the final effect. Access the provided GitHub code and reference CodePen for additional support. Perfect for web developers looking to enhance their CSS animation skills and create eye-catching text effects.

Syllabus

- Introduction
- HTML
- Text CSS Attempt #1
- Text CSS Attempt #2
- Animation CSS

Taught by

Web Dev Simplified

Reviews

Start your review of Creating a Simple CSS Hover Animation

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.