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);
2. Centrați orice. Centrați cu ușurință orice, orizontal și vertical, cu 3 linii de CSS:
3. Smooth scrolling.
Smooth scrolling cu zero JavaScript, cu o singură linie de CSS.
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.
7. Trunchiați textul Trunchiați textul cu CSS simplu.
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).
9. Utilizați proprietatea `gap` CSS pentru a seta golurile (rigolele) dintre rânduri și coloane.
10. Utilizați proprietatea `background-clip` pentru a crea titluri frumoase.
