CSS3

Boarders

This boarder has rounded edges, I did this by using the border-radius property.

This box has a shadow. I did this by using the box-shadow property.

This box has an image as the border. I did this but using the image-border property.

Backgrounds

This box has two images as its background. I did this the same way I would if I were using a single image, but I put a comma in between the images when I listed their url.

Gradients

This box has a linear color gradient background. I did this by using the linear-gradient value.

This box has a background that is a radiant that is at an angle. I did this by typing "to bottom right" in the parenthesis next to "linear- gradient".

This box has a background that has muiltiple color stops. I did this by adding more colors in the parenthesis with the other colors.

This box has a radial gradient as the background. I did this by using the radial-gradient paroperty.

Text Effect

This text has a shadow, I did this by using the "text-shadow" property.

Web Fonts

This text has its own font embedded into the code. I did this by using code from google fonts.

Transformations

I used the skew( ) value to skew this div.

This div is rotated from its original position. I did this by using the rotate( ) value.

Transitions

This box expands when you hover over it, I did this by using the transition property.

This box rotates when you hover over it. I did this using the rotate property.

CSS3 Animations

This box changes colors from brown to pink when you open this page.

This font size increases. I did this by using animations.

Multiple Columns

There are multiple columns here. I have pasted in text to demonstrate the different colomns. A column or pillar in Architecture and Structural engineering is a structural element that transmits, through compression, the weight of the structure above to other structural elements below. In other words, a column is a compression member. The term column applies especially to a large round support (the shaft of the column) with a capital and a base or pedestal[1] and made of stone, or appearing to be so. A small wooden or metal support is typically called a post, and supports with a rectangular or other non-round section are usually called piers. For the purpose of wind or earthquake engineering, columns may be designed to resist lateral forces. Other compression members are often termed "columns" because of the similar stress conditions. Columns are frequently used to support beams or arches on which the upper parts of walls or ceilings rest. In architecture, "column" refers to such a structural element that also has certain proportional and decorative features. A column might also be a decorative element not needed for structural purposes; many columns are "engaged", that is to say form part of a wall.

User Interface

This box can be resized by you! I did this by using the resize property.