9 Ultra-Brilliant HTML5/CSS3 applications and animated effects

1. CSS3 Floating Ribbon 3D Menu menu with small icon

This time we want to share a very special CSS3 menu, the appearance of the menu is a ribbon-like, and each menu item has a beautiful small icon, the mouse over the menu item will be raised, like a streamer fluttering, forming a very cool 3D visual effect. This CSS3 floating ribbon 3D menu is ideal for navigating the menu of some active pages.

Online Demo

SOURCE download

2, HTML5/CSS3 3D paper folding animation

Today we will share a very gorgeous html5/css3 3D animation effect, although it is rarely used in the project, but from the source we can learn a lot of HTML5 3D animation production knowledge. This is a paper folding animation effect, using HTML5 and CSS3 related features, we can fold a sheet of paper to form a cool 3D animation effect.

Online Demo

SOURCE download

3, CSS3 Beautiful small icon menu navigation

Before we shared a lot of beautiful small icon menu navigation, like this super-stereoscopic CSS3 3D menu item with small icon, and this html5/css3 imitation Google Play vertical menu, are very good. Today we are going to share a more beautiful and fresh CSS3 small icon menu navigation, the mouse over the menu can also be used to create a toggle between the icon and text animation effect.

Online Demo

SOURCE download

4, HTML5 webkit 3D cube Picture rotation slider Application

Today to share a HTML5 3D cube animation, this is just a 3D effect model, you can use the picture to replace the cube 4 face, so you can transform the HTML5 cube rotation animation into HTML5 3D Focus, because it is based on WebKit, so there are browser restrictions, Google Chrome is the best.

Online Demo

SOURCE download

5, CSS3 light loading loading animation

Today we want to share a unique CSS3 loading animation effect, it is composed of several different animation effects, such as text printing effect, luminous effect, fly into the fly out effect, these kinds of effects are very cool.

Online Demo

SOURCE download

6. SVG-based HTML5 disk clock animation

Today we are going to share another SVG-based HTML5 disk clock animation, similar to the previous one, this HTML5 clock also accurately acquires local time, and the second, minute, and hour hand can move around with good results.

Online Demo

SOURCE download

7. CSS3 Responsive side Menu menu with small icons

Today we are going to share a responsive side menu based on CSS3, which can be equally good on PC browser pages and on mobile devices, which automatically changes the menu position based on screen size, allowing users to get the best experience on screen at different resolutions.

Online Demo

SOURCE download

8, pure CSS3 background icon gradient button

Today we're going to share a very cute set of CSS3 button combinations, the effect of which is that when you slide the mouse over them, the small background icon on the button will have a gradient effect, similar to the fade-in effects. Similar to the cool CSS3 buttons, such as pure CSS3 to achieve the dynamic elastic button, animation effect is very good.

Online Demo

SOURCE download

9. HTML5 Color Gradient 3D text effect

Today we want to share a HTML5 3D text effect, the text color is gradual, at the same time has the text shadow, more highlights the 3D three-dimensional effect.

Online Demo

SOURCE download

This article fixed link: http://www.i7758.com/archives/1616.html

9 Ultra-Brilliant HTML5/CSS3 applications and animated effects