given that one div element needs to be hidden and on active..., CSS, Web Designing

Test
- Model Test
Index

Question:Given that one div element needs to be hidden and on active state needs to be displayed, what will be the output of the following code? div {
    display: none;
    -webkit-transition: opacity 1s ease-out;
    opacity: 0; 
}

div.active {
    opacity: 1;
    display: block;
}

A On active state the element is displayed. 
B On active state the element's opacity is changed to 1. 
C On active state the element's opacity is changed to 0. 
D Nothing will be shown.

/125

+ AnswerA

+ Report

Descriptive on CSS Ebook

Total Preview: 1699

Question:Given that one div element needs to be hidden and on active state needs to be displayed, what will be the output of the following code? div { display: none; -webkit-transition: opacity 1s ease-out; opacity: 0; } div.active { opacity: 1; display: block; }

A On active state the element is displayed.

B On active state the element's opacity is changed to 1.

C On active state the element's opacity is changed to 0.

D Nothing will be shown.

A

Question:Given that one div element needs to be hidden and on active state needs to be displayed, what will be the output of the following code?
div { display: none; -webkit-transition: opacity 1s ease-out; opacity: 0; } div.active { opacity: 1; display: block; }