CSS transitions describe how a property should display change when given a different value. Transitions specify the targeted property, duration, delay, and the timing function to be used during the transition.
(audio logo)…- So, you may have noticed…that we have a lot of illustrations happening.…Back in the day, I was a cartoonist…before I was a front-end developer,…or anywhere near web development.…I built websites to help promote my comics.…And they were read by 400,000 teenage girls…all across the world, every week,…and it was pretty awesome.…It was sometime after web development that I learned…that my cartooning skills had a really useful application.…
They were good for storyboarding interactive designs,…and also for illustrating talks.…My illustrations are so much cooler than clip art.…And also, they let me do things…like bring back this little guy.…He was my costar back in the days when I had comics.…His name was Tuna.…He's based on my actual cat,…who has long since departed this world,…but I swore to immortalize him forever in pop culture.…Now that I don't make comics,…he is my little teacher's assistant,…and will be the subject of many of our experiments.…I mean, coding examples, today.…
Not that we're going to cause him any trouble.…
Note: This course was created by Frontend Masters. It was originally released on 09/15/2016. We're pleased to host this training in our library.
- CSS transitions and animations
- Using animation in product design
- Creating a sprite animation with CSS
- Stateful transitions and supplemental animations
- Using developer tools to manipulate animations
- Jump cuts and in-betweening
- Static vs. dynamic animations
- Designing performant animations
Skill Level Intermediate
Design the Web: CSS Animated Rolloverswith Chris Converse29m 46s Beginner
Design the Web: SVG Rollovers with CSSwith Chris Converse23m 47s Beginner
1. CSS Transitions
2. CSS Animations
3. Animation in Design
4. Stateful Animations
- 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.