WGU C777 OBJECTIVE ASSESSMENT 2025-2026
PRACTICE TEST BANK WITH 350 QUESTIONS AND
CORRECT VERIFIED ANSWERS/ C777 OA WEB
DEVELOPMENT APPLICATIONS (MOST RECENT!)
Why can new features be added to the CSS3 specification more quickly than in previous versions to
enhance its support of borders, backgrounds, colors, text effects and so forth?
A) Because CSS3 is the preferred way to format Web pages created using HTML5
B) Because CSS3 provides a modularized standard
C) Because all browsers are HTML5-compliant
D) Because CSS3 is compatible with both HTML 4.01 and XHTML 1.0 - CORRECT ANSWER-Because
CSS3 provides a modularized standard
How can you specify to include two or more different images in the background of your Web page?
A) Specify to repeat an image using the background-repeat property.
B) Use the opacity property as many times as necessary, one for each distinct image.
C) Specify two or more images in a single declaration using the background-image property.
D) Include two or more consecutive background-image properties within the same tag. - CORRECT
ANSWER-Specify two or more images in a single declaration using the background-image property.
The animation-direction property of the @keyframes rule specifies:
A) when the animation will begin.
B) whether the animation is running or paused.
C) the number of times that the animation will play.
D) whether to play the animation in reverse on alternate cycles. - CORRECT ANSWER-whether to play
the animation in reverse on alternate cycles.
What is needed to provide coordinates in three-dimensional space to create a plane to help orient a
3D object?
A) The Y-axis
B) The X-axis
,C) The Z-axis
D) The perspective(n)-axis - CORRECT ANSWER-The Z-axis
Why would you use the CSS3 opacity property when you overlap images or other elements in your
Web page?
A) To make the foreground element partially transparent so elements in the background will be
visible
B) To make the background elements partially transparent so elements in the foreground will show
through them
C) To specify the stack order of the images or elements that overlap
D) To specify whether an element can be resized by the user and how it can be resized - CORRECT
ANSWER-To make the foreground element partially transparent so elements in the background will
be visible
What CSS3 2D transform method combines all of the 2D transform methods into one, which enables
an element to rotate, scale, move (translate) and skew?
A) Skew(x-angle,y-angle)
B) Matrix(n,n,n,n,n,n)
C) Scale(x,y)
D) Translate(x,y) - CORRECT ANSWER-Matrix(n,n,n,n,n,n)
Which animation property should you use to specify whether an animation is running or paused?
A) The animation-play-state property
B) The animation-timing-function property
C) The animation-delay property
D) The animation-direction property - CORRECT ANSWER-The animation-play-state property
Why would you use the CSS3 transform properties in a Web document?
A) To change the shape, size and/or position of an element
B) To change an element from one style to another when a user hovers his or her mouse pointer
over the element
C) To automatically cause an element to change from one set of styles to another when a user opens
your Web page
,D) To allow a user to effectively control and operate your Web page - CORRECT ANSWER-To change
the shape, size and/or position of an element
When you use the CSS3 opacity property, how do you specify the level of transparency to apply?
A) You specify a value between #FFFFFF and #000000.
B) You specify a value between 1.0 and 100.0.
C) You specify a value between 0.0 and 1.0.
D) You specify a value between A and Z. - CORRECT ANSWER-You specify a value between 0.0 and
1.0.
Which animation property should you use to specify the number of times that an animation will
play?
A) The animation-iteration-count property
B) The animation-duration property
C) The animation-timing-function property
D) The animation-play-state property - CORRECT ANSWER-The animation-iteration-count property
What happens when you assign a negative z-index value to an element?
A) The element will display in front of other elements.
B) The element will not render in your browser.
C) The element will automatically be assigned an opacity value of 0.0.
D) The element will display behind other elements. - CORRECT ANSWER-The element will display
behind other elements.
Which statement is true regarding CSS3 animations?
A) They must run in conjunction with Microsoft Silverlight in order to render on Internet Explorer
browsers.
B) They were designed to replace basic animations that previously required third-party, proprietary
plug-ins or the use of JavaScript.
C) They were designed to replace basic animations that previously required third-party, proprietary
plug-ins because they are written exclusively in JavaScript.
D) They must run in conjunction with Apple QuickTime in order to render on Safari browsers. -
CORRECT ANSWER-They were designed to replace basic animations that previously required third-
party, proprietary plug-ins or the use of JavaScript.
, Which lCSS3 ltechnique lcan lyou luse lto lplace lan lHTML lelement lon ltop lof lanother lHTML lelement?
A) Overflow
B) Overlay
C) Box-sizing
D) Formation l- lCORRECT lANSWER-Overlay
What lis lthe lterm lfor la lCSS3 leffect lthat lallows lelements lto lrotate, lmove, lflip land lstretch?
A) Animate
B) Transition
C) Transform
D) Overlay l- lCORRECT lANSWER-Transform
How lcan lyou ldefine lthe lposition lof lan lanimation lusing lthe l@keyframes lrule?
A) By lspecifying lthe lpixel lposition lof lthe ltop-left land lbottom-right lcorners, lor lby lusing lthe lkeywords
l"begin" land l"end"
B) By lspecifying lthe lpixel lposition lof lthe ltop-left land lbottom-right lcorners, lor lby lusing lthe lkeywords
l"to" land l"from"
C) By lspecifying la lpercentage lfrom l0% lto l100%, lor lby lusing lthe lkeywords l"begin" land l"end"
D) By lspecifying la lpercentage lfrom l0% lto l100%, lor lby lusing lthe lkeywords l"to" land l"from" l- lCORRECT
lANSWER-By lspecifying la lpercentage lfrom l0% lto l100%, lor lby lusing lthe lkeywords l"to" land l"from"
What lCSS3 l2D land l3D ltransform lmethod lwould lyou luse lto lincrease lor ldecrease lthe lsize lof lan
lelement?
A) Scale
B) Skew
C) Matrix
D) Translate l- lCORRECT lANSWER-Scale
Which lanimation lproperty lshould lyou luse lto lspecify lhow llong lan lanimation lwill ltake lto lcomplete
lone lcycle?
A) The lanimation-play-state lproperty
B) The lanimation-delay lproperty
PRACTICE TEST BANK WITH 350 QUESTIONS AND
CORRECT VERIFIED ANSWERS/ C777 OA WEB
DEVELOPMENT APPLICATIONS (MOST RECENT!)
Why can new features be added to the CSS3 specification more quickly than in previous versions to
enhance its support of borders, backgrounds, colors, text effects and so forth?
A) Because CSS3 is the preferred way to format Web pages created using HTML5
B) Because CSS3 provides a modularized standard
C) Because all browsers are HTML5-compliant
D) Because CSS3 is compatible with both HTML 4.01 and XHTML 1.0 - CORRECT ANSWER-Because
CSS3 provides a modularized standard
How can you specify to include two or more different images in the background of your Web page?
A) Specify to repeat an image using the background-repeat property.
B) Use the opacity property as many times as necessary, one for each distinct image.
C) Specify two or more images in a single declaration using the background-image property.
D) Include two or more consecutive background-image properties within the same tag. - CORRECT
ANSWER-Specify two or more images in a single declaration using the background-image property.
The animation-direction property of the @keyframes rule specifies:
A) when the animation will begin.
B) whether the animation is running or paused.
C) the number of times that the animation will play.
D) whether to play the animation in reverse on alternate cycles. - CORRECT ANSWER-whether to play
the animation in reverse on alternate cycles.
What is needed to provide coordinates in three-dimensional space to create a plane to help orient a
3D object?
A) The Y-axis
B) The X-axis
,C) The Z-axis
D) The perspective(n)-axis - CORRECT ANSWER-The Z-axis
Why would you use the CSS3 opacity property when you overlap images or other elements in your
Web page?
A) To make the foreground element partially transparent so elements in the background will be
visible
B) To make the background elements partially transparent so elements in the foreground will show
through them
C) To specify the stack order of the images or elements that overlap
D) To specify whether an element can be resized by the user and how it can be resized - CORRECT
ANSWER-To make the foreground element partially transparent so elements in the background will
be visible
What CSS3 2D transform method combines all of the 2D transform methods into one, which enables
an element to rotate, scale, move (translate) and skew?
A) Skew(x-angle,y-angle)
B) Matrix(n,n,n,n,n,n)
C) Scale(x,y)
D) Translate(x,y) - CORRECT ANSWER-Matrix(n,n,n,n,n,n)
Which animation property should you use to specify whether an animation is running or paused?
A) The animation-play-state property
B) The animation-timing-function property
C) The animation-delay property
D) The animation-direction property - CORRECT ANSWER-The animation-play-state property
Why would you use the CSS3 transform properties in a Web document?
A) To change the shape, size and/or position of an element
B) To change an element from one style to another when a user hovers his or her mouse pointer
over the element
C) To automatically cause an element to change from one set of styles to another when a user opens
your Web page
,D) To allow a user to effectively control and operate your Web page - CORRECT ANSWER-To change
the shape, size and/or position of an element
When you use the CSS3 opacity property, how do you specify the level of transparency to apply?
A) You specify a value between #FFFFFF and #000000.
B) You specify a value between 1.0 and 100.0.
C) You specify a value between 0.0 and 1.0.
D) You specify a value between A and Z. - CORRECT ANSWER-You specify a value between 0.0 and
1.0.
Which animation property should you use to specify the number of times that an animation will
play?
A) The animation-iteration-count property
B) The animation-duration property
C) The animation-timing-function property
D) The animation-play-state property - CORRECT ANSWER-The animation-iteration-count property
What happens when you assign a negative z-index value to an element?
A) The element will display in front of other elements.
B) The element will not render in your browser.
C) The element will automatically be assigned an opacity value of 0.0.
D) The element will display behind other elements. - CORRECT ANSWER-The element will display
behind other elements.
Which statement is true regarding CSS3 animations?
A) They must run in conjunction with Microsoft Silverlight in order to render on Internet Explorer
browsers.
B) They were designed to replace basic animations that previously required third-party, proprietary
plug-ins or the use of JavaScript.
C) They were designed to replace basic animations that previously required third-party, proprietary
plug-ins because they are written exclusively in JavaScript.
D) They must run in conjunction with Apple QuickTime in order to render on Safari browsers. -
CORRECT ANSWER-They were designed to replace basic animations that previously required third-
party, proprietary plug-ins or the use of JavaScript.
, Which lCSS3 ltechnique lcan lyou luse lto lplace lan lHTML lelement lon ltop lof lanother lHTML lelement?
A) Overflow
B) Overlay
C) Box-sizing
D) Formation l- lCORRECT lANSWER-Overlay
What lis lthe lterm lfor la lCSS3 leffect lthat lallows lelements lto lrotate, lmove, lflip land lstretch?
A) Animate
B) Transition
C) Transform
D) Overlay l- lCORRECT lANSWER-Transform
How lcan lyou ldefine lthe lposition lof lan lanimation lusing lthe l@keyframes lrule?
A) By lspecifying lthe lpixel lposition lof lthe ltop-left land lbottom-right lcorners, lor lby lusing lthe lkeywords
l"begin" land l"end"
B) By lspecifying lthe lpixel lposition lof lthe ltop-left land lbottom-right lcorners, lor lby lusing lthe lkeywords
l"to" land l"from"
C) By lspecifying la lpercentage lfrom l0% lto l100%, lor lby lusing lthe lkeywords l"begin" land l"end"
D) By lspecifying la lpercentage lfrom l0% lto l100%, lor lby lusing lthe lkeywords l"to" land l"from" l- lCORRECT
lANSWER-By lspecifying la lpercentage lfrom l0% lto l100%, lor lby lusing lthe lkeywords l"to" land l"from"
What lCSS3 l2D land l3D ltransform lmethod lwould lyou luse lto lincrease lor ldecrease lthe lsize lof lan
lelement?
A) Scale
B) Skew
C) Matrix
D) Translate l- lCORRECT lANSWER-Scale
Which lanimation lproperty lshould lyou luse lto lspecify lhow llong lan lanimation lwill ltake lto lcomplete
lone lcycle?
A) The lanimation-play-state lproperty
B) The lanimation-delay lproperty
