Smashing magazine organized a css3 event last month to stimulate the interest of web designers in css3.
Design Competition
In the end, five designers won the award. The award-winning works reflect the originality and uniqueness of the css3 technique and demonstrate the powerful functions of css3. These works are based on the pure
Css3 technology does not rely on JavaScript or other technologies.
First place: css3 chart
Css3 charts [pre-
Overview
| Lower
Load
]
This design has tested the application of css3 in charts without using any JavaScript or images. Css3 is used.
Powerful selector functions: Nth-child and: target. They also use transition, gradient, and other technologies.
Design.
Second place: css3 cube
Css3 Rubiks cube [pre-
Overview
| Lower
Load
]
Although it may not be good to use rubik's cube to implement navigation in a specific application, it can be used as an idea for works display sites. Css3 is used.
Transition and gradient techniques. By Francesco from Italy
Benanti and maicol zenatti
Joint design.
In css3 design contest results "width =" 450 "Height =" 412 ">
Third place: css3 3D
Css3d [pre-
Overview
| Lower
Load
]
If you have 3D glasses, you can look at this 3D effect and support any modern browser, or even iPhone, by simurai from Holland.
Design.
Fourth place: css3 Robot
Css3 monsters blob [
Pre-
Overview
| Lower
Load
]
With the move of the mouse, the glasses of the robot are also rotated by Sebastien plaignaud from France.
Design.
Fifth place: css3: Time cracks
Css3 a rift in
Time [pre-
Overview
| Lower
Load
]
Css3 supports rotation, so that we can experiment with reverse-traditional skewed navigation by Maxwell Burton from the United States
Design.
International Source: smashing magazine