HTML and CSS Reference
In-Depth Information
Objective 4.4: Thought experiment
By combining the transition with the transform, you are able to create effects that you other-
wise would not be able to create. For example, if you want to create the effect of a box spin-
ning or rotating, you can apply a transform: rotate(360deg) ; to the box. However, this happens
so fast that you cannot see that the box rotated. Alternatively, by applying a transform effect
with a longer duration, you actually can see the box rotate. Look at the following code, which
demonstrates this effect on a series of div boxes:
div {
margin: 10px 10px 10px 10px;
height: 50px;
width: 50px;
background-color: red;
transition: transform 3s;
div:hover {
transform: rotate(360deg);
Objective 4.4: Review
Correct answer: A
Correct: display:none ; will hide an element but keep its space in the overall flow.
Incorrect : visibility: hidden ; will maintain the element in the normal flow.
Incorrect : display: inline ; will show the element in the normal flow.
Incorrect : visibility: visible ; will show the element in the normal flow.
Search WWH ::

Custom Search