From the course: Emmet: Fast and Efficient Web Coding
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
CSS reflect value
- We just looked at some really useful shortcuts for creating CSS three animation. I want to share a really helpful little Emmet tidbit with you. We're going to go ahead and we're going to create this same behavior but we're going to be using the Emmet shorthand for animation in order to do that you're going to use anim dash. And when you expand the snippet, you'll see that you have the option to add your name, duration, timing function, delay, iteration, count direction, and film mode. We're going to select all of these in the first declaration and we'll fill in the properties. So we use buzz for the name eight seconds for the duration. We're going to use ease in out for the timing function and we're going to use infinite for the iteration count. Now, obviously I would need to fill these values out for the subsequent vendor prefixes, but there is a great little shortcut that you can utilize to do this. This is to use the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.