Join James Williamson for an in-depth discussion in this video Triggering transitions, part of CSS: Advanced Typographic Techniques.
I'm going to add one to this and I am going to do a span colon hover…so when that span is hovered over we're going to change some of these properties.…Alright.…So what are we going to change?…Well let's start by changing the text shadow.…I'm going to grab the text shadow and I'm just…going to tell it none. So no shadow, no blur whatsoever on that.…For color, I'm going to change the color property as well.…For color I'm going to do RGBa.…let's do 255 255, 255, again that's white, but this time, we're going to do one.…
- Controlling font rendering with CSS
- Using web fonts
- Adjusting kerning
- Adding dimension to text
- Working with gradients and drop shadows
- Using 2D and 3D transforms
- Applying perspective
- Aligning split text
- Creating and triggering transitions
- Enabling animations
- Extending CSS with Lettering.js and Modernizr
Skill Level Intermediate
1. Getting Started
2. Using Lettering.js
3. Creating Dimensional Text
4. Creating Refracted Text
5. Animating Text
6. Using Modernizr
Additional resources2m 11s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.