Assignment Week 7


Introduction to CSS3

CSS3/Javascript Animation

CSS3 Logo rotates on its axis 360 degrees!

Media Queries

Finally working after several weeks!!!

Animation

You should be able to see this animation on FireFox 20, IE10, Safari, and Chrome. The text "bounces" up and down 5 times with a 2 second interval.

Transition

Just hover over the menu and links!

Transformation

There are two types of transformations: 2D and 3D

2D Transformation

This 2D transformation is skew and on a bit bigger scale.

3D Transformation

This is a 3D transformation!

Published by Luis

Comments

Awesome effects and animations!



Validation and Outline

HTML5 Validation

Please check my validation here.

Published by HTML5.validator.nu

Outline

Please check my outline here. It is a very nice outline except for the Menu section but that is no big deal.

Published by HTML5.org

CSS3 Validation

Please check my validation here.

Published by jigsaw.w3.org/css-validator/