Writing in the front
Hello, everyone. Today I’m going to share with you three CSS treasures that can not only help you understand the features of CSS, but can also be applied to real projects to enrich your web content.
Let’s take a look!
1. Generate an irregular rectangle
Address: 9 elements. Making. IO/fancy – borde…
In CSS we can use the border-radius attribute to define the radian of the four corners of the rectangle, but we usually define the rounded corners as follows:
In fact, we can adjust the data of border-RADIUS to get more beautiful irregular rectangles. But many students do not know how to adjust, this website can be very convenient to help us, examples are as follows:
2. Generate different page separators
Address: wweb. Dev/resources/c…
When creating a web page, sometimes you need to add some page separator to make your site more design, this site provides six common separator, can help you quickly generate the desired effect.
At the same time, the website provides configurable parameters. We can adjust the details according to our own needs. The operations are as follows:
Adjust the completion of direct, you can directly copy HTML+CSS to their pages, very convenient.
3. Generate different wavy lines
Address: getwaves. IO /
In the production of some pages, the addition of curves can make the page instantly tall up, especially in some illustrations or works of display, it is more necessary to add wavy lines.
The site offers three types of curves, which are as follows:
And can adjust the size, density, transparency and color according to the need, can help us very convenient to get the desired effect:
Once generated, you can choose to copy the SVG code or download the SVG directly to the local and use it directly.
Write in the last
These are the three CSS sites to share, if you have other dark technology sites, welcome to discuss.