css- shadow -1.2

Disclaimer: This article is a blogger original article, shall not be reproduced without the bloggers allowed. https://blog.csdn.net/caishu1995/article/details/88343244

Text shadow

text-shadow: 
    0 0 0.25em blue, 
    0 0 0.65em blue;

Text shadow

    text-shadow: to add one or more shadow text. This attribute is a comma-separated list of shadows, shading each two or three optional length values ​​and a predetermined color value. Length is 0 is omitted.

    h-shadow required. Horizontal position of the shadow. Allow negative.

    v-shadow required. The vertical position of the shadow. Allow negative.

    blur optional. Fuzzy distance.

    color optional. Color of the shadow.

    The reason why there can be a comma, because you can add multiple overlay shadow effect.

 

In the shadow box

-webkit-box-shadow: 10px 10px 50px 20px pink inset;/* Safari、Opera 以及 Chrome */
-moz-box-shadow: 10px 10px 50px 20px pink inset; /* 老的 Firefox */
box-shadow: 10px 10px 50px 20px pink inset;

Frame shadow

   box-shadow: to add one or more shadow frames. The property is a comma-separated list of shadow.

    h-shadow required. Horizontal position of the shadow. Allow negative.

    v-shadow required. The vertical position of the shadow. Allow negative.

    blur optional. Fuzzy distance.

    spread optional. Size of the shadow .

    color optional. Color of the shadow.

    inset     optional. The outer shadow becomes internal.

 

Frame shadow

-webkit-filter: drop-shadow(10px 10px 0 pink); /* Safari、Opera 以及 Chrome */
filter: drop-shadow(10px 10px 0 pink);

Frame shadow

   drop-shadow: to add one or more shadow frames. The property is a comma-separated list of shadow.

    h-shadow required. Horizontal position of the shadow. Allow negative.

    v-shadow required. The vertical position of the shadow. Allow negative.

    blur optional. Fuzzy distance.

    spread optional. Size of the shadow .

    However, there is a giant pit, explained that the file size can be shaded. The result, I did not test the effect of life and death. Finally, I found a document, he found a bunch of middle there is such a word, note: Webkit, and some other browsers do not support a fourth length, if added, it will not render.

Guess you like

Origin blog.csdn.net/caishu1995/article/details/88343244