| 1 | 2 | 3 | 4 | 5 |
| Use HTML and CSS to insert 5 images of wheels with margins of 20px each.All the wheels should have width of 80px and height of 80px. | Place all the wheels in a parent box of width 950px and height 650px.Using CSS, give the parent box shadow and a border of 1px | Using CSS,apply animation Effects.The animation name of each wheel is as follows a.mywheel1 b.mywheel2 c.mywheel3 d.mywheel4 e.mywheel5 |
Each wheel should have different timing function as follows: a.wheel1:linear b.wheel2:ease c.wheel3:ease in d.wheel4:ease out e.wheel5:ease in out |
Under the @keyframes rule for each wheel apply the ff styles. a.0%rotate to 0 degrees and translateX of 0px. b.100%:rotate to 720 degrees and translate of 850px |