Hot Plugin

How to Realize the Loading Animation of Pure CSS3 Petal Style

How to Realize the Loading Animation of Pure CSS3 Petal Style

BY Brian 13 Nov,2020

How to Make a Playful Cartoon Candle Animation With Pure CSS3

How to Make a Playful Cartoon Candle Animation With Pure CSS3

BY Bruce 24 Nov,2020

SVG/HTML5 Animated Icons can be Used as Icons Menu Navigation

BY George 12 Jan,2021

Today we want to share with you a simple and practical SVG animated icon application, which is increasingly used for web menu navigation because it is easy to use and supports most browsers. This SVG/HTML5 animated icon can produce a simple looping animation effect when the mouse slides over the icon.

SVG SVG Button
Code
How HTML5 Canvas and SVG Realize Colorful Kaleidoscope Animation

How HTML5 Canvas and SVG Realize Colorful Kaleidoscope Animation

BY Bobby 30 Nov,2020

The advantage of Canvas is that it allows you to draw any graphics on the drawing board. The advantage of SVG is that it can easily draw paths of various shapes on the web page. Today I will share with you a colorful kaleidoscope animation based on HTML5 Canvas and SVG. The colorful path will continuously change shape and color, and the effect is very cool.
HTML5 Canvas SVG
Demo Now
Loading Animation of SVG Spiral Diffusion

Loading Animation of SVG Spiral Diffusion

BY Johnny 18 Dec,2020

SVG is very powerful in drawing vector graphics for web pages, and even some vector animations are quite good. This time, I will share with you a spirally spreading loading animation based on SVG and JavaScript. This loading animation is very suitable for waiting animation when the page loads.
Loading Animation SVG
Demo Now