Which of the following rules inside the @keyframes is valid code for moving an item by 100px from top to bottom, assuming elements have an absolute position. Select all that apply.1 pointfrom {bottom:100px;} to {bottom:0px;}from {top:0px;} to {top:100px;}None of the abovefrom {top:0px;} to {bottom:100px;}
Question
Which of the following rules inside the @keyframes is valid code for moving an item by 100px from top to bottom, assuming elements have an absolute position. Select all that apply.1 pointfrom {bottom:100px;} to {bottom:0px;}from {top:0px;} to {top:100px;}None of the abovefrom {top:0px;} to {bottom:100px;}
Solution
The valid code for moving an item by 100px from top to bottom, assuming elements have an absolute position, would be:
from {top:0px;} to {top:100px;}
This code is valid because it starts the animation with the item at the top (0px from the top) and ends with the item 100px down from the top.
The other options are not valid:
from {bottom:100px;} to {bottom:0px;}would move the item from the bottom up, not from top to bottom.from {top:0px;} to {bottom:100px;}is not valid because you can't animate from a 'top' position to a 'bottom' position. You need to animate from 'top' to 'top' or 'bottom' to 'bottom'.- 'None of the above' is not valid because there is a valid option.
Similar Questions
Which of the following rules inside the @keyframes is valid code for moving an item by 100px from left to right, assuming elements have an absolute position. Select all that apply.1 pointNone of the abovefrom {left:0px;} to {left:100px;}from {right:100px;} to {right:0px;}from {top:0px;} to {top:100px;}
What happens when the "left" property is used on an element with "position: absolute"?*1 pointThe element is moved to the left relative to its normal position.The element is moved to the left edge of the browser window.The element is moved to the left relative to its nearest positioned ancestor.The element is hidden from view.
TRUE OR FALSE: A reference frame can be used to represent only the position of an object, not that of a point. Answer instructions True False
What is positioning in CSS?
An element with the property set as ‘position: absolute' is placed relative to the parent (or ancestor) element, not the viewport.1 pointTrueFalse
Upgrade your grade with Knowee
Get personalized homework help. Review tough concepts in more detail, or go deeper into your topic by exploring other relevant questions.