YoVDO

Creating a Simple CSS Hover Animation

Offered By: Web Dev Simplified via YouTube

Tags

HTML & CSS Courses Web Development Courses HTML Courses CSS Animation Courses

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 CSS
Udacity
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