A long time ago, we shared an HTML5 based candle flame animation, the burning flame is very realistic. This time we are going to share a cartoon candle animation based on Spring CSS3, the picture is very playful. First, use CSS3 to draw two candles, one large and one small. After the small candle is lit, the large candle playfully blows it out, but the small candle is lit again…
Very early on, we shared a pure CSS3 implementation of Jingle cat, the eyes will follow the mouse scroll, very cute. This time I bring you another Jingle cat, a waved Doraemon Doraemon, which is an upgraded version of the previous one, because it will not only roll your eyes, but also wave your hands, but these are only through CSS3 Code implementation.
About Loading animation, we have shared a lot before, most of which are implemented in pure CSS3. This time I bring you a loading animation based on the square flip effect implemented by pure CSS3. Several small squares form an array, and then each flip in the specified direction, so that the animation effect of Loading loading is formed after the loop.
This time we introduce a vortex style CSS3 Loading loading animation, it looks like a cool spinning when loading, and there is a loading word in the middle to indicate that it is loading content.
Today we share with you a 3D wave effect image switching animation based on JavaScript and CSS3. When the image is switched, it is like a wave flipping, showing a 3D stereoscopic switching animation effect.
Today we are sharing another pure CSS3 cartoon jellyfish animation. The jellyfish is drawn through HTML and CSS code. At the same time, the animation features of CSS3 allow the jellyfish to swim continuously, and the effect is very realistic.