1. Change the color of this div when you hover over it:
2. Change the border radius of this div when you hover over it:
3. Widen the tracking on this text when you hover over it:
4. Move this button up 5px when you hover over it.
Beam me up5. Move this div 30px from the left when you hover over it:
6. Move this div to the other side of the browser when you hover over it. (It should be 0px to the left of the right edge of the viewport.)
7. Blur this image when you hover over it:
:max_bytes(150000):strip_icc()/horse-galloping-in-grass-688899769-587673275f9b584db3a44cdf.jpg)
8. Change the cursor to something else when you hover over this div. Google cursor types if you're having trouble.
9. For questions 1–8, add a transition for each. Make each one slower than the previous one (i.e, Question 5 takes longer to transition than Question 4, etc.)
10. For questions 5 & 6, set the transition speed to ease-in-out. (if you're unsure, google this one.) How does it behave?
11. [Without affecting any other elements on this page] make the red square a blue circle by targeting it by its parent.
12. [Without affecting any other elements on this page] make the child paragraph sans-serif and red. You won't need to add a class for this one.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eleifend dignissim sem, eget ultricies nulla convallis eu. Pellentesque ultricies imperdiet pulvinar. Pellentesque fringilla mattis ante, non egestas ante consequat consequat. Vestibulum tempor dui ipsum, quis condimentum nisi fringilla nec. Suspendisse mattis lectus ut tristique mollis.
13. [Without affecting any other elements on this page] give these child divs some "presence". Do not add a class or id.
14. When you hover over the parent, make the child appear.
15. When you hover over the parent, move the child 30px from the left.
16. When you hover over the parent, move the child to the other side of the browser. How is this different from question 6?
17. When you hover over the parent, "load" the bar 80% of the way
18. When you hover over the parent, rotate all the elements inside.
19. Position the child "fixed" in the bottom right of the browser. When you hover over the parent, display the child. What happens if you take away position:fixed?
20. When you hover over the parent, change the text to read "Success!". Hint: You'll have to use the display property on both text elements.
21. When you hover over the paragraph, hide all of the letters "p".
eter iper icked a eck of ickled eers.
A eck of ickled eers eter iper icked.
If eter iper icked a eck of ickled eers?
Where's the eck of ickled eers eter iper icked?
22. When you hover over any of these stripes, inverse the stripes (orange becomes black, black becomes orange).