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

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

<<:  Greedy UIButton in Swift

>>:  The Value of Code Review — Why, When, and How?

Recommend

2015 Q3 Mobile Game Market Analysis Report

[[154650]] After the explosive growth in 2014, th...

Analysis of competitive products in couple social APP operation strategy

1. Analysis of main functions Function and analys...

How can brand marketing on Children’s Day focus on “older children”?

Abstract: Children's Day is approaching. Inst...

If you have trouble standing up, an exoskeleton robot can help

Authors: Gao Dayong, Chen Jibao; Chief Judge: Zha...

Beautiful but poisonous, please be careful when visiting tulips!

Review expert: Shi Jun, PhD in botany, well-known...

Analysis from 3 aspects: two Weibo, one Douyin, one Bilibili, and one Live!

An indisputable fact is that new media operators ...

The master teaches you how to play with Excel and gain efficient life lessons

Different from the boring traditional teaching me...

"Astronauts" also need protection! These "artifacts" protect astronauts

It has been more than 30 years since China's ...

Although paid squatting is comfortable, you must be careful of irritability!

Have you ever had the experience of playing with ...

Was it hot in the summer in ancient times? How did the ancients beat the heat?

The Fushan County Chronicles recorded the extreme...

Microsoft Bookings mobile app will no longer be available starting July 15

On June 21, according to a notification from the ...

Mini Program Global Configuration

The app.json file in the root directory of the mi...