How to do this exercise? Halloween 15 Add a transition and an animation In this exercise, you’ll add a transition and an animation to the product page that you created in exercise 11. When you’re...

How to do this exercise?

Halloween 15 Add a transition and an animation

In this exercise, you’ll add a transition and an animation to the product page that you created in exercise 11. When you’re done, the page should look similar to this:

Specifications

• Add a transition for the widths of the images in the right sidebar of the cat.html file in the products folder that will last for three seconds and use the linear speed curve. The transition should increase the width of an image to 125 pixels when the mouse hovers over an image. Be sure to provide for all browsers.

• Add an animation for the image in the section that will cause the image to move up and down when the page is loaded. The animation should last for half a second, use the ease-in-out speed curve, repeat six times, and alternate directions on each repetition

Extracted text: Deranged Cet 127.00.15500/haloween solutions/ch15/products/cathtml THE HALLOWEEN STORE For the little Goblin in all of us! Home Product List Personal Decorating Ideas Join Email Customers who bought this product also bought: Props 20" Deranged cat This cat providesits own light and is perfect for a backyard hauntinga hant Costumes Special FX Pricei 19.99.9 Elving bata Masks 16 uglv.cat Mini strobe light e 2022 Ben Murach