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.