Test Series - css

Test Number 55/59

Q: Which of the following is set for horizontal offset of the shadow?
A. h-offset
B. v-offset
C. none
D. blur
Solution: h-offset is the required value, it is for the horizontal offset of the shadow. A positive value puts the shadow on the right side of the box, a negative value puts the shadow on the left side of the box.
Q: Which of the following is used for spread radius?
A. blur
B. spread
C. color
D. v-offset
Solution: blur is an optional value, it sets the spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow. For blur radius we set the value blur, the higher the number, the more blurred the shadow will be spread.
Q: What changes the shadow from an outer shadow?
A. inset
B. initial
C. inherit
D. spread
Solution: inset is an optional value, it changes the shadow from an outer shadow (outset) to an inner shadow, initial sets this property to its default value, inherit inherits this property from its parent element.
Q: What scales the background image as large as possible?
A. contain
B. cover
C. size
D. resize
Solution: The contain keyword scales the background image to be as large as possible but both its width and its height must fit inside the content area. As such depending on the proportions of the background image and background positioning area, there may be some areas of background which are not covered by the background image.
Q: Which property specifies where the background image is positioned?
A. background-size
B. background-origin
C. background-image
D. background-clip
Solution: The CSS background-origin property specifies where the background image is positioned. This property takes three different values namely border-box, padding-box, content-box. In content-box the background images start from the upper left corner of the content.
Q: Which property specifies the painting area of the background?
A. background-clip
B. background-image
C. background-size
D. background-origin
Solution: The CSS background-clip property specifies the painting area of the background, the property takes three different values, border-box-, padding-box, content-box. In content-box the background is painted within the content box.
Q: Which of the following will show a pop-up window that breaks into pieces once clicked?
A. click and break it
B. 3D movement effect
C. blurred background
D. left bottom corner
Solution: A pop-up window that breaks into pieces once clicked is called click and break it, in 3D movement effect a 3D message made with CSS3 and jQuery that follows user’s mouse movements will be shown.
Q: Which of the following comes with a smooth full screen overlay effect?
A. Overlay pop-up
B. Conformation pop-up
C. Welcome pop-up
D. Cartoon pop-up
Solution: Overlay pop-up comes with a smooth full screen overlay effect, conformation pop-up comes with a full screen overlay effect and nice transition animation, welcome pop-up is a pop-up with nice animation effect.
Q: Which of the following will display a speech bubble pop-up?
A. pop-up question form
B. cartoon pop-up
C. modal animation physics
D. overlay pop-up
Solution: cartoon pop-up shows a speech bubble pop-up that fades in once hovered in the circle, a pop-up question form that smoothly appears once clicked a button, in modal animation physics a transition animation inspired by the menu pop-ups in Super Mario 3D.
Q: Which of the following will give a minimalist entrance effect on hover?
A. “flappy” buttons
B. material design
C. linear pop-up
D. SVG & jQuery pop-up animation
Solution: A minimalist yet charming entrance effect on hover is shown by linear pop-up, a distinguishable pop-up with beautiful entrance effect and “flappy” buttons are shown by “flappy” buttons, a material design comes with a fade-in animation in material design style.

You Have Score    /10