CSS3

CSS3 reprezintă modernizarea completă a limbajului CSS, structurată în module independente care pot fi dezvoltate și adoptate separat. Această abordare modulară a permis browserelor să implementeze funcționalități noi treptat, fără a aștepta finalizarea întregii specificații.

Printre cele mai impactante module CSS3 se numără Flexbox (Flexible Box Layout) și CSS Grid Layout. Flexbox excelează în distribuirea spațiului între elementele unui container de-a lungul unei singure axe, fiind ideal pentru componente de navigare, carduri și formulare. Grid permite crearea de layout-uri bidimensionale complexe, cu rânduri și coloane, revoluționând modul în care structurăm paginile web.

Animațiile și tranzițiile CSS3 au adus interactivitatea vizuală direct în stilizare, fără a necesita JavaScript. Proprietatea transition creează tranziții fluide între stări (de exemplu, schimbarea culorii la hover), în timp ce @keyframes permite definirea de animații complexe cu mai multe etape. Transformările 2D și 3D (rotire, scalare, translație) adaugă profunzime și dinamism elementelor.

CSS3 a introdus și funcționalități vizuale care anterior necesitau imagini: gradienți liniari și radiali, umbre (box-shadow și text-shadow), colțuri rotunjite (border-radius) și filtre (blur, brightness, contrast). Acestea au redus numărul de cereri HTTP și au îmbunătățit performanța site-urilor.

Media queries, o componentă esențială a CSS3, stau la baza designului responsive. Ele permit aplicarea de stiluri diferite în funcție de caracteristicile dispozitivului (lățime, rezoluție, orientare), asigurând o experiență optimă pe telefoane, tablete și desktopuri. Variabilele CSS (custom properties) și funcții precum calc(), min(), max() și clamp() oferă flexibilitate și reutilizare sporită în codul modern CSS.