Question 16 What will happen if the CSS that follows is applied to an image with
ID: 3704492 • Letter: Q
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?
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.
a.The image will rotate horizontally around its center and end up below where it began.
b.The image will rotate horizontally from its bottom edge and end up below where it began.
c.The image will rotate horizontally around its center and end up where it began.
d.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!