VSCODE Module 5: CSS Styling

Module 5: CSS Styling

This project demonstrates CSS styling, and how it can change the color, look, and feel of a page, as well as animate certain properties.

The following content shows the same HTML content twice: one uses the default styles, and the other has custom CSS.

For documentation purposes:

CSS Styling

Paragraph

This is a paragraph of text. Here is some filler text:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quibusdam quasi earum magnam corrupti beatae voluptatibus tempora obcaecati, veniam nobis ab, quo ut cumque aliquam? Sit nam totam et dolores repellendus dolorem, ad blanditiis enim beatae eius iste eum voluptates doloribus labore libero impedit reiciendis incidunt inventore eaque sapiente nemo.

Images

A photo I took of a porcupinefish at the National Museum of Marine Biology & Aquarium in Taiwan.

Transition

Hover over the box to see it change color!

Transform

Hover over the box to see it move!

Animation

This box is animated!

CSS Styling

Paragraph

This is a paragraph of text. Here is some filler text:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quibusdam quasi earum magnam corrupti beatae voluptatibus tempora obcaecati, veniam nobis ab, quo ut cumque aliquam? Sit nam totam et dolores repellendus dolorem, ad blanditiis enim beatae eius iste eum voluptates doloribus labore libero impedit reiciendis incidunt inventore eaque sapiente nemo.

Images

A photo I took of a porcupinefish at the National Museum of Marine Biology & Aquarium in Taiwan.

Transition

Hover over the box to see it change color!

Transform

Hover over the box to see it move!

Animation

This box is animated!