محرر المحتوى [2]

 محرر المحتوى [1]

Data Center Facility Component

Image Transparency

The opacity property is often used together with the :hover selector to change the opacity on mouse-over:

Forest Mountains Fjords

Note: In IE, a !DOCTYPE must be added for the :hover selector to work on other elements than the a element.

Forest Mountains Fjords

Image Modal

In this example, we use CSS to create a modal (dialog box) that is hidden by default.

We use JavaScript to trigger the modal and to display the current image inside the modal when it is clicked on. Also note that we use the value from the image's "alt" attribute as an image caption text inside the modal.

Don't worry if you do not understand the code right away. When you are done with CSS, go to our JavaScript Tutorial to learn more.

Northern Lights, Norway

Data Center

Hoverable Dropdown

Move the mouse over the text below to open the dropdown content.

 أخبار المركز