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.
This is a special switch button, unlike many CSS3 switch buttons shared before, this one is based on SVG and HTML5, its biggest feature is that it can provide 3 options to switch animation, can provide "yes", "may be" and "no" 3 options to choose, and different state options will also correspond to different small icons.
The drawing tool has been one of the useful tools in Windows OS for a long time, and with the upgrade of the system version, the functions and interface of the drawing tool have also changed dramatically. Today, we are going to introduce a drawing tool that uses HTML5 Canvas to imitate the early version of Windows. The functions in it are almost the same as the drawing tool in …
Today we want to introduce you to a more practical web page text box tool, the text box is characterized by the input of text can be real-time text word limit, not only in the lower right corner to show the number of words remaining, but also in the text box below the color of the progress bar tips. This text box word limit animation is based on RectJS and animate.css animation…
Today I want to bring you a very realistic SVG animation effect, which simulates a pair of demon eyes and a non-stop blinking animation. First of all, the demon eyes are drawn by SVG, mostly using SVG elliptical paths. Then JavaScript is used to make the eyes blink, so let's see if the effect is very realistic and interesting.
This time we are going to introduce this HTML5 Canvas based flame animation is very special, it is the brush with flame animation, the brush brush brush on the canvas when drawing, the lines with flame animation, very good.