Filtre în css

none - Valoarea implicită. Nu indică niciun efect

blur (px) - Efectul de estompare este aplicat imaginii. O valoare mai mare va crea mai multe neclarități. În mod implicit, valoarea 0 este utilizată.







Filtre în css

luminozitatea (%) - Reglarea luminozității imaginii .0% face ca imaginea să fie complet neagră. 100% este implicită și reprezintă imaginea originală. Valori mai mari de 100% vor oferi rezultate mai vii.

Filtre în css

Contrast (%) - Reglarea contrastului imaginii 0% face ca imaginea sa devina complet negru. 100% este implicit si reprezinta imaginea originala. Valori mai mari de 100% vor oferi rezultate cu un contrast mai mic.

Filtre în css

drop-shadow (h-shadow v-shadow blur răspândirea culorii) - Aplică efectul de umbră asupra imaginii.

Valorile posibile sunt:
  • h-shadow - Necesar. Setează valoarea pixelilor pentru umbra orizontală. Valorile negative afișează o umbră în stânga imaginii.
  • v-umbra - Necesar. Setează valoarea pixelilor pentru umbra verticală. Valorile negative au pus o umbră peste imagine.
  • blur - opțional. Aceasta este a treia valoare și ar trebui să fie în pixeli. Adaugă un efect de estompare la umbra. Mai multă valoare va crea mai multe neclarități (umbra devine mai mare și mai ușoară). Valorile negative nu sunt permise. Dacă nu este specificată nicio valoare, se folosește 0 (marginea umbrei este ascuțită).
  • răspândire - opțional. Aceasta este a patra valoare și ar trebui să fie în pixeli. Valorile pozitive vor face umbra să se extindă și să crească, iar valorile negative vor determina micșorarea umbrei. Dacă nu este specificat, va fi 0 (umbra va avea aceeași dimensiune ca și elementul).






  • culoare - opțional. Adăugă culoarea umbrei. Dacă nu este specificat, culoarea depinde de browser (adesea negru).

    Filtre în css

    în tonuri de gri (%) - Conversia unei imagini în tonuri de gri la 0% în mod implicit. și reprezintă imaginea originală. 100% va face ca imaginea să fie complet gri (utilizată pentru imagini alb-negru).

    Filtre în css

    hue-rotate (deg) - Redă tonul de culoare pe imagine. Valoarea determină cât de multe grade în jurul roții de culoare vor fi ajustate. 0deg implicit. și reprezintă imaginea originală.

    Filtre în css

    invers (%) - inversează eșantioanele din imagine.0 în mod implicit. și reprezintă imaginea originală. 100% va face imaginea complet inversată.

    Filtre în css

    opacitate (%) Setează nivelul de opacitate pentru imagine. 0% este complet transparent. 100% este implicit și reprezintă imaginea originală (fără transparență).

    Filtre în css

    saturate (%) - Imaginea de saturație .0% va face ca imaginea să nu fie saturată.100% în mod implicit și reprezintă imaginea originală. Valori mai mari de 100% oferă rezultate super-saturate.

    Filtre în css

    sepia (%) - Conversia imaginii la sepia în mod implicit. și reprezintă imaginea originală. 100% face imaginea complet sepia.

    Filtre în css

    Dacă doriți să utilizați mai multe filtre, trebuie să separați fiecare filtru de un spațiu.







    Articole similare

    Pagina anterioară

    Pagina următoare

    Trimiteți-le prietenilor: