Source: Sidetrack

Author: Amen

Part

1

https://uigradients.com

This site fills the gradient color directly into the background, so you can see the effect very visually.

Click the Download button on the right to download the current gradient background locally

The gradient color code is also clearly visible in the center of the toolbar

Click the menu button on the left side of the toolbar to see more gradient colors

If you're more spontaneous and want to pick your gradient color with luck, there's an easy way

"You can also switch colors by clicking on the arrow buttons on the left and right."

See what I mean?

Removing the subject tag after the URL will regenerate a random tag.

It also generates front-end CSS code, so those who can read it will understand how this works at a glance.

Part

2

https://webkul.github.io/coolhue/

Similar to the website described above, there are corresponding color codes, CSS codes, and images.

The difference is that the gradient format file can be downloaded here

Then replace the gradient in the preset

Part

3

https://webgradients.com/

One last recommendation for a site with a beautiful gradient style.

The same can be done by copying the code and gradient preset file

- END -

"Shanghai Campus Culture" The Commons is a public website dedicated to building Campus Culture Content Services Channel for Vertical Categories， New design-related information section， Changed from weekly updates to Daily Update , in the case of the Campus Culture The quality of the content is more demanding while ensuring that new knowledge is continuously drawn and shared, together.

Recommended>>
1、Can you provide information about the Apollo Platform OpenSourceLicense
2、Just now construction of the Yokohama Thousand Talents Project headquarters building started Big Data Cloud Processing Healthcare Oh no
3、Sharing economy becoming a trend
4、Windows Performance Monitoring Tool Perfmon Users Guide
5、Baidu launches blockchain pet Letz Dog currently in beta for free adoption

已发送

发送中