Overview
-
Explore the creative possibilities of CSS typographic effects, including text shadows, animation, transforms, and 3D depth.
Syllabus
-
Introduction
- Welcome
- Using the exercise files
- Course overview
- Controlling font rendering
- Introducing Lettering.js
- Web font options
- Browsing Adobe Edge Web Fonts
- Project overview
- Enabling Lettering.js
- Controlling text wrapping
- Adding kerning
- Controlling stacking
- Adding text shadows
- Project overview
- Adding dimensions to text
- Using gradients
- Working with drop shadows
- Using 2D transforms
- Project overview
- Structuring HTML
- Using generated content
- Giving text a 3D look
- Simulating submerged text
- Clipping text
- Applying perspective
- Using 3D transforms
- Aligning split text
- Project overview
- Creating blurred text
- Creating transitions
- Triggering transitions
- Creating keyframe animations
- Enabling animations
- Project overview
- Downloading Modernizr
- Modernizr basics
- Creating default styles
- Using Modernizr to load scripts
- Conditional resource loading
- Using vendor prefixes
- Extending Modernizr
- Additional resources
