To apply the playSprite animation for the div element having ID butterfly to set the infinitely animation after the delay of 3-second with the palying time of 1-second spaced out in the 33 steps and the flyRight animation to set the infinitely animation over a 6-second interval. Apply the Cubic Bezier curve using the cubic-bezier(0, 1, 0.73, 0) function to make butterfly appear to the hover in the paa_animate.css file.

Question

have three versions of the image with the same height and width. All three versions are placed inside of a figure element. three images should have margin. the first version should have an invert filter, with a text on the bottom of it. The text should have background opacity, border, padding, different font-size, and font color. the second version should have a blur filter, with a text in the middle of it. The text should have background opacity, different font size and color, padding, box shadow, and a hyperlink with background color, font color, and padding. the third version must have a linear gradient filter, have at least three paragraphs with different width and placed in different places on the webpage, and have a title in the center of webpage.

Answer 1

Question

Chapter 8, Problem 18CP3

Program Plan Intro

To apply the playSprite animation for the div element having ID butterfly to set the infinitely animation after the delay of 3-second with the palying time of 1-second spaced out in the 33 steps and the flyRight animation to set the infinitely animation over a 6-second interval. Apply the Cubic Bezier curve using the cubic-bezier(0, 1, 0.73, 0) function to make butterfly appear to the hover in the paa_animate.css file.

Expert Solution & Answer

Trending nowThis is a popular solution!

See solution

Check out sample textbook solution

Students have asked these similar questions

have three versions of the image with the same height and width. All three versions are placed inside of a figure element. three images should have margin. the first version should have an invert filter, with a text on the bottom of it. The text should have background opacity, border, padding, different font-size, and font color. the second version should have a blur filter, with a text in the middle of it. The text should have background opacity, different font size and color, padding, box shadow, and a hyperlink with background color, font color, and padding. the third version must have a linear gradient filter, have at least three paragraphs with different width and placed in different places on the webpage, and have a title in the center of webpage.

Create a polygon cylinder and a polygon sphere. Using constrain to associate the sphere with the cylinder in such a way that the sphere can be manipulated through the cylinder. Apply a simple keyframe animation to the cylinder to demonstrate this association.

The slide images should update every 5 seconds. Fix the parameter values for the setInterval() method so that the showImage() function is run every 5 seconds.