CSS Animations

5 flashcards · Programming Languages · by lakesare

1. Write minimal code to make this box transition into red color on hover.

   .box{ background: blue; transition-duration: 1000ms; } .box:hover{ background: red; }

2. What is the default transition-property?

   all .box{ background: blue; transition-duration: 1000ms; transition-property: all; } .box:hover{ background: red; }

3. What is the default transition-timing-function?

   ease

4. What does transition-delay achieve?

   It delays the beginning of the animation.

5. How to make the box: only animate background, and switch to transform immediately on hover? .box{ background: blue; transition-duration: 1000ms; } .box:hover{ background: red; transform: rotate(45deg); }

   transition-property: background;