1. HTML5 3D image shadow flip animation is cool
Share a cool HTML5 3D animation effect, this 3D effect can add shadow effect to your picture, and can make the picture appear 3D flip animation effect when the mouse slides over. This has a similar effect to HTML5 3D animation HTML5 3D cube rotation animation , you can also take a look.
Online demo / source code download
2. HTML5 Canvas wave animation can adjust the wave height
Have you seen the super cool HTML5 Canvas wave wall , yes, as long as your browser supports HTML5 WebGL, you can watch the powerful HTML5 wave effect. The wave animation we are going to share today is also based on HTML5 Canvas, which is characterized by the ability to control the slider to adjust the height of the wave.
Online demo / source code download
3. HTML5 Canvas implements super cool Loading animation
This time we will look at a very cool Loading animation loading effect, which is similar to the pure CSS3 gear Loading loading animation . It is also simulated by the characteristics of geometry. It is some animation effects similar to rotation. In addition, regarding the Loading animation, we can also take a look at the Loading animation column on html5tricks .
Online demo / source code download
4. CSS3/jQuery simple focus map multiple image switching methods
There are many very good CSS3 focus map plugins, and the one that impressed us the most is this HTML5/jQuery 3D focus map plugin . Today, I want to share a simple CSS3 focus map application. This focus map application has very rich image switching methods, and the switching button of the focus map is relatively small, and the image space occupies a relatively large space, so it is generally more atmospheric.
Online demo / source code download
5. HTML5 flame text effect
There are many text effects based on HTML5 and CSS3, including 3D text effects and animation text effects. The HTML5 text effect we share today is a flame burning effect, which consumes more CPU, but the animation effect is still relatively cool. In addition, I recommend another HTML5 text effect: HTML5 pixel text explosion reorganization animation effect
Online demo / source code download
6. HTML5 image switching focus map application 3D projection effect
Using HTML5 and CSS3 technology to create an image focus image effect is very simple, but if we want to make this focus image delicate enough, it will take a lot of effort. The HTML5 3D focus map switching application that I want to share today is very cool. There is a projection under the picture, which makes the focus map have a three-dimensional visual effect. In addition, there are many ways to switch pictures, each of which has different 3D stereoscopic effects.
Online demo / source code download
Original address: http://refined-x.com