Which 3D transform affects the distance between the z-plane and the user?A)B)C)D)
Answer(s): A
The perspective(n) method in CSS is used to affect the distance between the z-plane and the user, effectively changing the perspective depth of a 3D transformed element.perspective(n) Method: The perspective function defines how far the element is from the user. It affects the appearance of the 3D transformed element, giving it a sense of depth.Usage Example:.container {perspective: 1000px;}In this example, the perspective is set to 1000 pixels, which defines the distance between the z-plane and the user.Properties:n: This represents the perspective distance. The lower the value, the more pronounced the perspective effect.
MDN Web Docs on perspectiveW3C CSS Transforms Module Level 1
Given the following CSS:What is being configured?
Answer(s): B
The given CSS configures properties that control the processing of animations directly in the browser.CSS Animations: CSS animations are processed by the browser's rendering engine. The animations defined by CSS are handled client-side and do not require server-side processing.Key Properties:
Give the following HTML code:Which CSS property would make the corners of the div rounded?
Answer(s): D
To make the corners of a div element rounded, the CSS property border-radius is used. This property allows you to define how rounded the corners should be by specifying a radius.CSS border-radius Property:Syntax:div {border-radius: 10px;}Description: The value can be in pixels (px), percentages (%), or other units. Higher values create more rounded corners.Example:Given HTML:<div>Sample</div>Given CSS:div {width: 100px;height: 50px;background-color: red;border-radius: 10px;}
MDN Web Docs - border-radiusW3C CSS Backgrounds and Borders Module Level 3
Given the following CSS code:How many seconds elapse before the font-size property begins to increase when a user hovers a mouse pointer over the delay element?
The CSS transition-delay property specifies how long to wait before starting a property transition. In the given CSS code, the transition-delay is set to 2s.CSS Transition Properties:transition-property: Specifies the CSS property to which the transition is applied (font-size in this case).transition-duration: Specifies how long the transition takes (4s).transition-delay: Specifies the delay before the transition starts (2s).Example:Given HTML:<div id="delay">Hover over me</div>Given CSS:#delay {font-size: 14px;transition-property: font-size;transition-duration: 4s;transition-delay: 2s;}#delay:hover {font-size: 36px;}When a user hovers over the element with id="delay", it will wait for 2 seconds before the transition effect on font-size starts.
MDN Web Docs - transition-delayW3C CSS Transitions
A web page has a section that contains an <article> element. The element is always 10 pixels to the right of its position.Which type of layout positioning should the <article> element use?
Relative positioning in CSS positions an element relative to its normal position. Using position:relative; allows you to adjust the element's position with the top, right, bottom, or left properties.CSS Relative Positioning:Syntax:article {position: relative;left: 10px;}Description: Moves the element 10 pixels to the right from its normal position.Example:Given HTML:<article>Content</article>Given CSS:article {position: relative;left: 10px;}The <article> element will be positioned 10 pixels to the right of where it would normally appear.
MDN Web Docs - positionW3C CSS Positioned Layout Module Level 3
Post your Comments and Discuss WGU Web-Development-Applications exam prep with other Community members:
Our website is free, but we have to fight against AI bots and content theft. We're sorry for the inconvenience caused by these security measures. You can access the rest of the Web-Development-Applications content, but please register or login to continue.