Question: We learned about hover pseudo-class earlier in class. For example, to define hover for anchor(taga), we write it as ahover (rules here...). Similar to define

 We learned about hover pseudo-class earlier in class. For example, to

We learned about hover pseudo-class earlier in class. For example, to define hover for anchor(taga), we write it as ahover (rules here...). Similar to define hover for image tag img, we write img:hover (nules... Write CSS rules that when image is displayed on browser (no hover), the height of the image will be 100px and width 100px; when mouse hovers over the image it willchange its height to 200px and width to 200px The following is an example that shows a ladybug enlarged twiceon both dimensions when mouse hovers over a ladybug. In a similar way defined hover for paragraph. The following shows the style of the original paragraph. Please move your mouse on top of this paragraph in order to 1. change foreground color to white 2. change background color to blue and the font size to 30 points When user hovered on it, the paragraph changed to the following. Le, foreground is white and background is blue. And point size is 30 pt. Please move your mouse on top of this paragraph in order to I. change foreground color to white 2. change background color to blue and the font size to 30 points

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!