WGU C777 Exam Questions with 100% Correct Answers

WGU C777 Exam Questions with 100%
Correct Answers

Which markup positions an image so that the lower part of it is even with the lower part of
adjoining text? - ANSWER <img src="sample.jpg" vertical-align="baseline">


Which syntax for a CSS class floats images to the right? - ANSWER .floatright {
float: right; margin: 7px;
}



Which CSS transition should be used on an image to make it ease in when a user's
mouse hovers over that image? - ANSWER transition-timing-function



Which CSS property should a developer use to specify the bottom of a 3D element? - ANSWER
perspective-origin


A web designer creates the following animation by using CSS3:


#texteffect {
position: relative;
animation-name: scroll;
animation-duration: 5s;
animation-timing-function: linear;
animation-play-state: running;
}


@keyframes scroll {

,from {left: 0px;}
to {left: 200px;}


}



How does the content of the element move when the page loads? - ANSWER From left to right
one time


A web page includes the following CSS code:


@keyframes anim_01 {
0% {left: 0px; top: 0px;}
50% {left: 200px; top: 0px;}
100% {left: 600px; top: 0px;}

}


#animation {
position:relative;
animation-name: anim_01;
animation-duration: 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
}


How often does the animation play when it is invoked? - ANSWER Forever

, Given the following CSS code:

div {


transition-property: opacity, left, top, height;
transition-duration: 5s;
transition-delay: 3s
}


Which value determines how long the transition will last? - ANSWER 5 seconds



Given the following CSS code:


.box {
width: 150px;
height: 150px;
background: red;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
}


.box:hover {