Question 1You are creating a that has two div elements that have formatting applied. In testing, the two elements box look like this:When the user hovers over the smaller rectangle, you would like it to look like this:The yellow box has been formatted with the following style rule:You have begun creating the style rule that will be used when the user hovers over the yellow rectangle:What should you type in the blank space? (Remember, properties, values and functions should be in lower case.)

Question 1You are creating a web page that will have a div element with a class attribute that has a value of “child.” The element is formatted to look like a box. When the mouse hovers over the object, it should double in size and move to the right and down. You have created the style rule for the object:Now you need to create the style rule that will move the box when the mouse hovers over it.What rule should you create?1 point.child:hover { transform: scale(2) translate(-30px,30px); }.child:hover { transform: scale(30px,30px) translate(2); }.child:hover { transform: scale(2) translate(30px,30px); }.child:hover { transform: scale(2) translate(30px,-30px); }

Question 2You are creating a web page that will have an image on it:Each box is created by a div element. You need to create the style rule that will generate the yellow box. Which rule should you create?1 point.child { width: 80%; height: 80%; position: absolute; top: 30px; left: 50px; background-color: yellow; border- radius: 56px; }.child { width: 80%; height: 80%; position: absolute; top: 30px; left: 50px; background-color: yellow; border-top-left-radius: 56px; border-bottom-right-radius: 56px; }.child { width: 80%; height: 80%; position: absolute; top: 30px; left: 50px; background-color: yellow; border-bottom-left-radius: 56px; border-bottom-right-radius: 56px; }.child { width: 80%; height: 80%; position: absolute; top: 30px; left: 50px; background-color: yellow; border-top-left-radius: 56px; border-top-right-radius: 56px; }

You are creating a web page with a div element formatted to look like a red box. When the user hovers over the element, the width of the element should expand slowly to 300% of the original size. You are creating a style rule for the transition:What should you type in the blank space? 1 point300%speedgrowwidth

You really want to emphasize a headline on a web page. To do this, you would like to create text with two shadows. You want one shadow to be gray and the other shadow to be black. The gray shadow should have a vertical offset of 3px and a horizontal offset of 2px. The black shadow should have a vertical offset of 4px and a horizontal offset of 3px. The text is the content of a heading 1 element. The text color is blue. You are going to use the embedded style sheet.What should you add to the h1 style rule?1 pointbox-shadow: 2px 4px gray, 3px 3px;box-shadow: 2px 3px gray, 3px 4px;box-shadow: 2px 3px gray, 3px 4px black;box-shadow: 2px 4px gray, 3px 3px black;

Question 2In the following CSS rule, the `h1` part of the rule is called the ______________.