What are the knowledge points of css style pictures and gradients

This article mainly shows you the "css style pictures, what are the knowledge points of gradients", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn about "css style pictures, what are the knowledge points of gradients" this article.

One, background-position: (picture positioning)

There are three ways to write:

1): according to the% ratio, the upper left corner is the smallest (0% 0%), and the lower right corner is the largest (100% focus% 100).

2): (xQuery y) the smallest in the upper left corner (0Pie0) and the largest in the lower right corner (max,max)

3) top,center,left,right,bottom

Second, background-clip:

1, containing the value of that part: border;padding;content

Third, background-origin:

1, starting with that part of the value: border;padding;con tent

Fourth, whether the background image is fixed or scrolled with the rest of the page.

Scrolling along with the rest of the page

2 fixed: fixed somewhere in the window.

Fifth, gradual change:

1. Linear gradient: linear-gradient:

1) if it is angle: angle, transition color

2) if it is top. Add to before the direction and transition color after the direction

2, direct gradient: radial-gradient:

1) the default is the center point gradient

2) [size at left top]: where size is the gradient radius.

3, repeat the gradient:

1) repeat linear gradient: repeating-linear-gradient: the format is the same as linear gradient.

2) repeat the gradient: reoeating-radial-gradient: the format is the same as the gradient.

These are all the contents of this article entitled "what are the knowledge points of css style pictures and gradual changes?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!