A collection of top-notch front-end special effects resources#001

1. Front-end tree diagram -- zTree -- jQuery tree plug-in

The data used here is written directly in js. If you can use ajax to get the data, and further, if you use ajax to get the child nodes of the selected node, then this zTree will be even better~

Code address: http://www.gbtags.com/gb/rtreplayerpreview/1090.htm

2. Create cool web slides with impress

Are you still using PPT to make some boring slides? Are you racking your brains to make the effect attractive to everyone when making PPT? Do you want to attract the attention of your boss through a PPT? Well then! Let's learn how to make a cool web slide~

Tutorial portal: http://www.gbtags.com/gb/share/5688.htm

Code address: http://www.gbtags.com/gb/rtreplayerpreview/1071.htm

3. CSS3 animation rotation effect

Flip effect of animated square graphics generated using CSS3 keyframe

Code address: http://www.gbtags.com/gb/rtreplayerpreview/1044.htm

4. Twinkling star effect realized by HTML5 canvas

The twinkling star effect implemented by HTML5 canvas is implemented using native HTML Canvas

Code address: http://www.gbtags.com/gb/rtreplayerpreview/1050.htm

5. Geek Label Logo SVG Animation

SVG animation effect. The special effect will turn yellow and become the text of the geek label when the mouse is clicked.

Code link: http://www.gbtags.com/gb/rtreplayerpreview/1032.htm

6. Use HTML5 canvas to generate rotation animation effect

Animated chart effect generated using HTML5 canvas, rotating circles generate a front-end technology composition diagram

Code address: http://www.gbtags.com/gb/rtreplayerpreview/1021.htm

7. Use table to generate tree-like structure

Using table to generate tree-like structures is very useful

Code link: http://www.gbtags.com/gb/rtreplayerpreview/1014.htm

8. Use HTML5 canvas to generate a circle-enlarged mobile page loading effect

Use H5 canvas to generate a super cool page loading effect. Before the page loads, an enlarged circle appears. It is very good to apply it to mobile terminal loading~~

Code address: http://www.gbtags.com/gb/rtreplayerpreview/1001.htm