45 amazing examples of CSS3 features

Document directory

• CSS3 Clock With jQuery
• Another Image Gallery
• Sliding Vinyl
• 3D Cube That Rotates Using Arrow Keys
• Multiple 3D Cubes (Slide In/Out)
• CSS3 Accordion
• Auto-Scrolling Parallax
• Isocube
• Image Gallery
• Matrix
• 7 Javascript-effect Alternatives Using CSS3
• Image Hover Effects
• Turning Coke Can (Control With Scrollbar)
• 3D Meninas
• Polaroid Gallery
• Space
• Mac Dock
• Drop-In Modals
• Zooming Polaroids
• Animated Rocket
• Poster Circle
• Morphing Cubes
• Analogue Clock
• Falling Leaves
• Animated Polaroid Gallery
• Spotlight Cast Shadow
• Colorful Clock
• Lightbox Gallery (Draggable)
• Elastic Thumbnail Menu
• Coverflow
• Snowflakes
• JQuery DJ Hero
• Dynamic Stacking Cards
• Snow Stack (Control With Arrow Keys)
• Animated Pricing Column
• Slick jQuery Menu
• CSS3
• CSS Tabs Without Javascript
• Tab Menus Without Javascript
• SVG Fisheye Menu
• Dynamic Presentation Without Flash
• Rotating Gallery
• Dropdown Menu
• Frame-by-Frame Animation (Hover to Play)
• Another Accordion
• AT-AT Walker (No Flash or Javascript)
• Another Fisheye

This article collects 45 incredible examples of CSS3 applications, which validate the power of attributes such as CSS3 Transform and Transition. As more and more browsersCSS3With continuous improvement in support, designers and developers have more options to use beforeJavaScriptAll kinds of cool Interface Effects and animations that can be achieved can now be easily implemented using pure CSS code.

CSS3 Clock With jQuery

Another Image Gallery

Sliding Vinyl

3D Cube That Rotates Using Arrow Keys

Multiple 3D Cubes (Slide In/Out)

CSS3 Accordion

Auto-Scrolling Parallax

Isocube

Image Gallery

Matrix

7 Javascript-effect Alternatives Using CSS3

Image Hover Effects

Turning Coke Can (Control With Scrollbar)

3D Meninas

Polaroid Gallery

Space

Note:This one is graphic intense and takes a while to load, but the result is crazy!

Mac Dock

Drop-In Modals

Zooming Polaroids

Animated Rocket

Poster Circle

Morphing Cubes

Analogue Clock

Falling Leaves

Animated Polaroid Gallery

Spotlight Cast Shadow

Colorful Clock

Lightbox Gallery (Draggable)

Elastic Thumbnail Menu

Coverflow

Snowflakes

JQuery DJ Hero

Dynamic Stacking Cards

Snow Stack (Control With Arrow Keys)

Animated Pricing Column

Slick jQuery Menu

CSS3

CSS Tabs Without Javascript

Tab Menus Without Javascript

SVG Fisheye Menu

Dynamic Presentation Without Flash

Rotating Gallery

Dropdown Menu

Frame-by-Frame Animation (Hover to Play)

Another Accordion

AT-AT Walker (No Flash or Javascript)

Another Fisheye

You may also like

 

• 12 beautiful CSS3 button implementation schemes are recommended.
• 35 amazing CSS3 animation demos
• We recommend 10 very good CSS3 development tools.
• Share 50 beautiful examples of best CSS3 applications
• The Ultimate Collection of 24 practical CSS3 tools

 

47 Amazing CSS3 Animation Demos

Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources