CSS3 Design Competition: The first 5 designers based on pure CSS3 technology

Source: Internet
Author: User

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.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.