Web page Production WEBJX article introduction: Five award-winning works in the CSS3 design competition. |
A CSS3 design competition was organized last month, culminating in the award of 5 designers, which embodies the originality and uniqueness of the CSS3 technique, as well as the powerful features of CSS3, which are based on pure CSS3 technology and do not use JavaScript or other techniques.
Smashing Magazine in order to arouse the interest of the Web designer to CSS3, organized a CSS3 design competition last month, finally 5 designers won the prize, the award-winning work embodies the originality and uniqueness of CSS3 skill, and also shows the powerful function of CSS3, which is based on pure C SS3 technology, no use of JavaScript or other technology.
First place: CSS3 chart
CSS3 charts [PREVIEW DOWNLOAD]
The design experimented with CSS3 applications in graphs without any JavaScript or graphics. Using the CSS3 powerful selector features: Nth-child and target, and using transitions, gradients and other techniques, designed by Sean Oh from the United States.
Second place: CSS3 Rubik's Cube
CSS3 rubiks Cube [PREVIEW DOWNLOAD]
The use of Rubik's Cube to achieve navigation, although in the specific application experience may not be good, but as a creative, can be used in the works Show class site. Use the CSS3 transition and gradient techniques. Designed by Francesco Benanti from Italy and Maicol Zenatti.
Third place: CSS3 3D
css3d [PREVIEW DOWNLOAD]
If you have a pair of glasses, you can look at this 3D effect, support any modern browser, or even the iPhone, from the Dutch Simurai design.
Fourth place: CSS3 robot
CSS3 Monsters Blob [PREVIEW DOWNLOAD]
Robots using pure CSS3 design, with the mouse moving, the robot's glasses are also rotating, from the French Sebastien Plaignaud design.
Fifth place: CSS3: The crack of Time
CSS3 A Rift in time [PREVIEW DOWNLOAD]
CSS3 supports rotation, which we can test against traditional tilt navigation, designed by Maxwell Burton from the United States.