Szöveg és linkek árnyéka css, blog Kostanovich Stepan segítségével

Árnyék szöveg és linkek a CSS használatával

Vettem fel neked egy pár kész kódot, amellyel akár egy egyszerű árnyék is nagyon eredetinek tűnhet. És most egy példa, láthatod, hogyan néz ki.

A CSS-ben fogom használni a szöveg-árnyékot.

Az ingatlan négy paraméterből áll:

X az árnyék vízszintes elmozdulása (pozitív érték az árnyék jobbra tolása, negatív az árnyék balra tolása);
Y - az árnyék függőleges eltolása (pozitív érték - árnyékeltolás lefelé, negatív érték - árnyékváltás felfelé);
Amplitúdó - minél nagyobb az érték, annál nagyobb az elmosódás mértéke;
Szín - valójában ez lesz az árnyék

A 7. sorban meg kell adnia a kívánt kódot. Kezdjük ...

Egyszerű árnyék a könnyű betűkkel

Egyszerű árnyék a sötét betűkkel

Árnyék különböző árnyalatokkal
Az árnyék másik színét vesszővel elválasztjuk.

Hangerő szöveg az árnyék miatt

neon
Ez a kedvenc effekt.

Fiery Shadow
Ez az én kedvenc effekt.

Végül próbáld ki ezt a kód árnyékát:

Ez minden. Szeretnék kívánni sikert. Sok szerencsét! Örülnék, ha feliratkozol a blogom frissítéseire.