8 Cool HTML5 Special effects source

HTML5 's strength is not only to make the page elements more flexible, but also because it can be very convenient to achieve the effect of Web animation, you can make your site more modern features. Today, the small series to share 8 unforgettable HTML5 Cool Animation ~

1, HTML5 Canvas Flame Flashing animation flame follows mouse ( effects show ) ( source download )

The animation is based on canvas, the flame is moving up and down the effect is very realistic, and the flame can follow the mouse movement, is a very cool HTML5 canvas animation.

2, HTML5/ CSS3 Disc Stopwatch animated stopwatch can pause chronograph ( effects show ) ( source download

A HTML5 and CSS3-based disc stopwatch animation, the stopwatch can be accurate to 0.001 seconds, and can pause during the timing, while the stopwatch can be reset at any time.

3, Version 3D HTML5 mock dress tearing animation ( effects show ) ( source download

This is a 3D version of the mouse to drag the animation effect of the clothes, the left mouse button to drag and drop clothes, right-cutting clothes.

4, HTML5 player myth Cassette classical player ( effects show ) ( source download

This is a classic and fashionable HTML5 player, based on the old cassette-style, based on the HTML5 player fashion, giving a refreshing feeling.

5. HTML5 Imitation Apple Watch clock animation ( special effects Show )( Source Download)

The HTML5 clock is simulated with the Apple Watch interface, which updates the pointer data in real time based on local time, and its gorgeous interface has Apple's style.

6, Pure CSS3 and SVG mouse slide over bulb glow effect ( effects show ) ( source download

This is a use of CSS3 and SVG to achieve the light bulb light effect, the mouse over the bulb, the light bulb will appear shiny animated effects, CSS3 the use of light bulb has a layer of faint halo, and light lit and extinguished when there is a fade effect.

7, Pure CSS3 Implement lighter flame animation ( Span style= "FONT-SIZE:18PX; Color:rgb (146,208,80) "> effects show ) ( source code download )

This is a pure CSS3 animation effect, when the mouse slid over the lighter, the lighter will open the flame burning animation effects.

8, CSS3 picture tilt effect Can tilt four angles ( effects show ) ( source code download )

This is a CSS3 picture effect, you can make the picture on the page tilt any angle, do not need to use the complex JS calculation of various angles, only with the CSS3 transition properties can be done to achieve the image tilt effect.

8 Cool HTML5 Special effects source