This is the second day of my participation in the November Gwen Challenge. Check out the details: the last Gwen Challenge 2021.

By Jatin Sharma

Have a dream, have dry goods, wechat search [big Move the world] pay attention to this in the early morning is still in the bowl washing wisdom.

In this paper, making github.com/qq449245884… Has been included, a line of large factory interview complete test sites, information and my series of articles.

Here are a few more tips for improving our fishing time, and trust me, you’ll love them.

1. Neumorphism

Address: neumorphism. IO /

This site generates UI for sections or divs, it can also customize border-radius, box-shadow, etc.

2. Shadows Brumm

Address: we knew. Brumm. Af /

It can generate multiple layered shadows for us, a really cool effect, as well as custom colors from curves.

3. CSS Clip-path Maker

Address: bennettfeely.com/clippy/

This is the most I use, early recorded CSS video, a lot of complex points of the effect is to use this tool to help me generate, front-row recommendation.

4. Fancy Border Shape Generator

Address: 9 elements. Making. IO/fancy – borde… .

It generates awesome shapes by manipulating border-radius, which we can use as much as we want in the project, fine-tuning to get the shape we want.

5. Cubic Curve

Address: cubic-bezier.com/

Generates cubic- Bezier for the CSS animation.

6. CSS Gradient

Address: cssgradient. IO /

If your projects often use gradients, you will love this site. I’ve been using it for a long time and it’s perfect. Here you can also use tools such as the gradient button and so on.

7. CSS Waves Generator

The following three wave generators can generate any type of wave for those who are still struggling to draw a wave.

CSS Waves

Address: getwaves. IO /

It generates simple waves and has some custom features.

Gradient Multiple Waves

Address: www.softr.io/tools/svg-w…

It produces multiple gradients, which is great.

Multiple Animated Waves

Address: svgwave. / in

It can generate multiple gradient waves, but the main feature is that it can also generate real-time animations for this purpose.

8. CSS Grid Generator

CSS grid

Address: cssgrid-generator.net lify. App /

It generates great CSS for the grid, you can customize it with divs, and it creates child elements for it.

CSS Grid Area

It generates grid areas. We can name and customize areas according to specific needs.

9. Loading Animated GIFs/SVGs

Address: loading. IO /

This site can generate multiple load animations and download them in SVG, GIF, PNG, and other formats, but its best feature is that you can customize these animations to a new level.

10. Free Icon Library

Flaticons

Address: www.flaticon.com/

This library has 5.7m + vector ICONS. Any possible icon can be found here and you can use it.

icons8

Address: icons8.com/

The library also has a large number of ICONS that you can customize or use directly without downloading it.

conclusion

Hope you’ve learned something from this article, and if so, please come to Bozan.

~ over, I am brush bowl, inspirational and so on after retirement, to go home to set the stall, we see next period!

The bugs that may exist after code deployment cannot be known in real time. In order to solve these bugs, I spent a lot of time on log debugging. Incidentally, I recommend a good BUG monitoring tool for youFundebug.

Original text: dev. To/j471n / 10 – cs…

communication

This article is updated weekly, you can search wechat ** [big move the world] the first time to read, reply [welfare] ** there are many front-end video waiting for you, this article GitHub github.com/qq449245884… Already included, welcome Star.