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 CSS3 technique can you use to place an HTML element on top of another HTML element?
A) Overflow
B) Overlay
C) Box-sizing
D) Formation - CORRECT ANSWER-Overlay
What is the term for a CSS3 effect that allows elements to rotate, move, flip and stretch?
A) Animate
B) Transition
C) Transform
D) Overlay - CORRECT ANSWER-Transform
How can you define the position of an animation using the @keyframes rule?
A) By specifying the pixel position of the top-left and bottom-right corners, or by using the keywords
"begin" and "end"
B) By specifying the pixel position of the top-left and bottom-right corners, or by using the keywords
"to" and "from"
C) By specifying a percentage from 0% to 100%, or by using the keywords "begin" and "end"
D) By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from" - CORRECT
ANSWER-By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from"
What CSS3 2D and 3D transform method would you use to increase or decrease the size of an
element?
A) Scale
B) Skew
C) Matrix
D) Translate - CORRECT ANSWER-Scale
Which animation property should you use to specify how long an animation will take to complete
one cycle?
A) The animation-play-state property
B) The animation-delay property
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 CSS3 technique can you use to place an HTML element on top of another HTML element?
A) Overflow
B) Overlay
C) Box-sizing
D) Formation - CORRECT ANSWER-Overlay
What is the term for a CSS3 effect that allows elements to rotate, move, flip and stretch?
A) Animate
B) Transition
C) Transform
D) Overlay - CORRECT ANSWER-Transform
How can you define the position of an animation using the @keyframes rule?
A) By specifying the pixel position of the top-left and bottom-right corners, or by using the keywords
"begin" and "end"
B) By specifying the pixel position of the top-left and bottom-right corners, or by using the keywords
"to" and "from"
C) By specifying a percentage from 0% to 100%, or by using the keywords "begin" and "end"
D) By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from" - CORRECT
ANSWER-By specifying a percentage from 0% to 100%, or by using the keywords "to" and "from"
What CSS3 2D and 3D transform method would you use to increase or decrease the size of an
element?
A) Scale
B) Skew
C) Matrix
D) Translate - CORRECT ANSWER-Scale
Which animation property should you use to specify how long an animation will take to complete
one cycle?
A) The animation-play-state property
B) The animation-delay property
