Text shadow și linkuri utilizând CSS
Am luat pentru dvs. câteva coduri gata făcute, cu care chiar o umbră simplă va arăta foarte originală. Și chiar acum, pentru un exemplu, puteți vedea cum arată.
În CSS, voi folosi proprietatea text-shadow.
Proprietatea este alcătuită din patru parametri:
- X este deplasarea orizontală a umbrei (o valoare pozitivă este schimbarea umbrei spre dreapta, negativ este deplasarea umbrei spre stânga);
- Y - schimbare verticală a umbrei (valoare pozitivă - deplasare în umbră, valoare negativă - deplasare în umbră);
- Amplitudinea - cu cât valoarea este mai mare, cu atât este mai mare gradul de estompare;
- Culoare - de fapt, aceasta este ceea ce va fi umbra
În rândul numărul 7 trebuie să puneți orice cod doriți. Să începem ...
O umbră simplă pe litere ușoare
O umbra simpla pe literele intunecate
Umbra cu nuante diferite
Se adaugă o altă culoare a umbrei, separate de virgulă.
Text de volum datorat umbrei
neon
Acesta este efectul meu preferat.
Fiia Umbrei
Acesta este și efectul meu preferat.
Și în cele din urmă, încercați acest umbra de cod:
Asta e tot. Vreau să vă urez succes. Mult noroc! M-aș bucura dacă v-ați abonat la actualizările blogului meu.
Articole similare
Trimiteți-le prietenilor: