Question 16 What will happen if the CSS that follows is applied to an image with

Question

Question 16

What will happen if the CSS that follows is applied to an image with an id of “image1”?
#image1 {
transition: 2s;
-webkit-transition: 2s;
}
#image1:hover {
transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);
}

The image will rotate horizontally around its center and end up below where it began.

The image will rotate horizontally from its bottom edge and end up below where it began.

The image will rotate horizontally around its center and end up where it began.

The image will rotate horizontally from its bottom edge and end up where it began .

0.5 points

Question 17

Example 12-1: The code for playing a video
<video id="videoplayer" width="480" height="270" controls loop autoplay>
    <source src="media/sjv_speakers_sampson.mp4">
    <source src="media/sjv_speakers_sampson.webm" type='video/webm;
            codecs="vp8, vorbis"'>
    <source src="media/sjv_speakers_sampson.ogv" type='video/ogg;
            codecs="theora, vorbis"'>
   
    <object type="application/x-shockwave-flash" width="480" height="270">
        <param name="movie" value="media/sjv_speakers_sampson.swf">
        <param name="wmode" value="transparent">
        <param name="quality" value="high">
        <!--[if !IE]>-->
            <object type="application/x-shockwave-flash"
                    data="media/sjv_speakers_sampson.swf"
                    width="480" height="270">
                <param name="wmode" value="transparent">
                <param name="quality" value="high">
            </object>
        <!--<![endif]-->
    </object>   
</video>

(Refer to example 12-1) When this code is loaded in a modern browser, which of the following is NOT true?

The video will start playing automatically.

The controls for the video player will be displayed.

An image will be displayed in the video element before the video starts playing.

The video will restart automatically when it finishes playing.

0.5 points

Question 18

Which of the following HTML5 controls is designed for data that’s calculated by JavaScript or server-side code?

email

url

tel

output

0.5 points

Question 19

To create a text box with up and down arrows that the user can use to identify a numeric value, you use the ____________________ control.

0.5 points

Question 20

To gradually change one or more CSS properties of an element, you can use a ____________________.

0.5 points

Save and Submit

Click Save and Submit to save and submit. Click Save All Answers to save all answers.

The image will rotate horizontally around its center and end up below where it began.

The image will rotate horizontally from its bottom edge and end up below where it began.

The image will rotate horizontally around its center and end up where it began.

The image will rotate horizontally from its bottom edge and end up where it began .

Explanation / Answer

Hi,

Question 16

The image will rotate horizontally around its center and end up where it began.

Question 17

The controls for the video player will be displayed. Its show due to control for playing it supported by modern browser

Question 18

a. email (we can validate using javascript)
b. url(we can validate using javascript)
c. tel(we can validate using javascript)

Question 19
To create a text box with up and down arrows that the user can use to identify a numeric value, you use the NumericUpDown control.

Question 20

To gradually change one or more CSS properties of an element, you can use a # or .(dot) as class or id.

Let me know if any update requied.

Thank you!

Related Questions

Navigate

• Browse (All)
• Browse Q
• Subjects

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.