Which of the following css property specifies a delay for the transition effect?
A. transition-delay
B. transition-effect
C. transition
D. transition-duration
Select an option to see the answer and solution.
What does this code do?
Code:
@media only screen and (max-width: 500px) {
body {
background-color: lightblue;
}
} A. If the browser window is smaller than 500px, the background color will change to lightblue:
B. If the browser window is larger than 500px, the background color will change to lightblue:
C. The background color will change to lightblue
D. Nothing happens
Select an option to see the answer and solution.
Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly
A. ease
B. ease-in
C. ease-in-out
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following element is used to create an SVG ellipse?
A. <circle>
B. <ellipse>
C. <curve>
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following css property defines whether or not an element should be visible when not facing the screen?
A. visibility
B. backface-control
C. backface-visibility
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following CSS3 property specifies whether or not an element is resizable by the user?
A. resize
B. length
C. inherit
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following nav-right value is used to the inherits this property from its parent element?
A. auto
B. id
C. target-name
D. inherit
Select an option to see the answer and solution.
Which of the following css property specifies an image to use as the background of an element?
A. background
B. background-img
C. background-image
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following outline-offset value sets the distance the outline is outset from the border edge?
A. distance
B. length
C. initial
D. all
Select an option to see the answer and solution.
Which of the following transition-timing-function property specifies a transition effect with a slow start?
A. ease
B. ease-in
C. ease-in-out
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following CSS3 property specifies how the contents of a replaced element should be fitted to the box established by its used height and width?
A. object-fit
B. object-position
C. image-orientation
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following method skews an element along the X and Y-axis by the given angles using tranform?
A. skewX()
B. skewy()
C. skew-X-Y()
D. skew()
Select an option to see the answer and solution.
Which of the following method skews an element along the X-axis by the given angle using tranform?
A. skewX()
B. skewy()
C. x-axis()
D. skew()
Select an option to see the answer and solution.
Which of the following element is used to begin an SVG image?
A. <image>
B. <svg>
C. <img>
D. <graph>
Select an option to see the answer and solution.
Which of the following method combines all the 2D transform methods into one using transform?
A. combine()
B. 2D-tranform()
C. matrix()
D. matrix-2D()
Select an option to see the answer and solution.
What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions
Code:
body { background-image: url(fog.jpg); background-size: cover;
background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans-serif;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;
font-size: 10rem; margin: 8rem auto;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif;
text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s font-size linear;
}
______________ and (max-width: 1100px) {
h1 { font-size: 8rem; } A. @media
B. @media screen
C. div
D. transform
Select an option to see the answer and solution.
Which of the following CSS3 property specifies the intrinsic resolution of all raster images used in/on the element?
A. image-orientation
B. image-rendering
C. image-resolution
D. all of the mentioned
Select an option to see the answer and solution.
Which of the following code set the webpage correctly displayed on a device?
A. <meta name="viewport" content="width=device-width, initial-scale=1.0">
B. <meta name="viewport" content="width=device-width, initial-scale=2.0">
C. <meta name="viewport" content="width=device-width, initial-scale='parent-size'">
D. <meta name="viewports" content="width=device-width, initial-scale=1.0">
Select an option to see the answer and solution.
Which of the following property defines where a 3D element is based in the x- and the y-axis?
A. transform-style
B. perspective(n)
C. perspective-origin
D. none of the mentioned
Select an option to see the answer and solution.
Which of the following CSS3 property is used to tell the browser what the sizing properties should be include?
A. box-sizing
B. box-model
C. box-design
D. box-redesign
Select an option to see the answer and solution.