Trucuri esentiale in CSS pe care fiecare web-developer ar trebui sa le cunoasca

Trucuri esențiale in CSS pe care fiecare web-designer ar trebui să le cunoască.

1. Când lucrați cu imagini transparente, puteți utiliza funcția de filtrare `drop-shadow ()` pentru a crea o umbră pe conținutul imaginii, în loc de proprietatea `box-shadow` care creează o umbră dreptunghiulară în spatele întregii casete a unui element:

filter: drop-shadow(2px 4px 8px #585858);

FCIb3S7XoAMLy h

2. Centrați orice. Centrați cu ușurință orice, orizontal și vertical, cu 3 linii de CSS:

FCIcDyXWUAAjiBa

 

3. Smooth scrolling.

Smooth scrolling cu zero JavaScript, cu o singură linie de CSS.

FCIcP3DWUAEOFQ8

4. Efect de tastare Știați că puteți crea un efect de tastare fără JavaScript? Demo și cod:

5. Creați un text de gradient frumos:

6. `culoare-caret` Puteți schimba culoarea cursorului de introducere a textului.

FCIdJ lWEAEvCZ

7. Trunchiați textul Trunchiați textul cu CSS simplu.

FCIeUUHXIAMJHp6

8. Pseudo-elementul CSS `::selection` Pseudo-elementul CSS `::selection` aplică stiluri părții dintr-un document care a fost evidențiată de utilizator (cum ar fi clicul și tragerea mouse-ului peste text).

FCIhF6LXoAQw3aX

9. Utilizați proprietatea `gap` CSS pentru a seta golurile (rigolele) dintre rânduri și coloane.

FCIe22qWUAU5j1O

10. Utilizați proprietatea `background-clip` pentru a crea titluri frumoase.

FCIfBH2WUAEKoVO

Sursa articol.

Lasă un răspuns

Adresa ta de email nu va fi publicată.

Alte articole din aceiasi categorie