Creating a Simple CSS Hover Animation
Offered By: Web Dev Simplified via YouTube
Course Description
Overview
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
Related Courses
Intro to HTML and CSSUdacity Responsive Web Design Fundamentals
Google via Udacity HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX CSS Basics
Microsoft via edX Advanced CSS Concepts
Microsoft via edX