#CSS

Cum se implementează derularea orizontală utilizând Flexbox

Cum se implementează derularea orizontală utilizând Flexbox

Defilare orizontală utilizând Flexbox Dacă creați site-uri web, este posibil să vi se solicite să creați o componentă de defilare orizontală. Este extrem de ușor să implementați acest lucru folosind doar câteva linii de Flexbox. Lasă-mă să-ți arăt cum. Aspect proiect Trebuie să creăm un container care să conțină toate imaginile pe care dorim să …

Cum se implementează derularea orizontală utilizând Flexbox Read More »

Cum se utilizează proprietatea CSS3 Border Radius

Cum se utilizează proprietatea CSS3 Border Radius

Cu CSS3, puteți da oricărui element „colțuri rotunjite” folosind border-radius proprietate. Valoarea poate fi în orice unitate de lungime CSS validă. .rounded-corners { border-radius: 20px; } .circle { border-radius: 50%; } Notă: border-radius proprietatea este de fapt o proprietate de stenografie pentru border-top-left-radius, border-top-right-radius, border-bottom-right-radius și border-bottom-left-radius proprietăți. Dacă se furnizează o singură valoare, raza …

Cum se utilizează proprietatea CSS3 Border Radius Read More »

Gândiți-vă în afara cutiei cu CSS forma-afară

Gândiți-vă în afara cutiei cu CSS forma-afară

CSS se bazează pe un model de cutie. Dacă aveți o imagine care este un cerc pe care doriți să înfășurați textul, acesta se va înfășura în jurul casetei de delimitare a imaginilor. Formă-afară O nouă proprietate CSS numită shape-outside vă permite să înfășurați text care să corespundă formei imaginii. Ce este forma-afară Shape-outside este …

Gândiți-vă în afara cutiei cu CSS forma-afară Read More »

Cum se numerotează automat elementele cu contoare CSS

Cum se numerotează automat elementele cu contoare CSS

Contoare CSS sunt folosite pentru a adăuga numărări elementelor. Numărul este adăugat prin furnizarea variabile care poate fi inițializat (folosind counter-reset), iar aceste variabile pot fi apoi incrementate de regulile CSS. Mulți dezvoltatori trec cu vederea această caracteristică CSS puternică și de aceea vom trece mai departe despre cum să lucrăm cu contoare în acest …

Cum se numerotează automat elementele cu contoare CSS Read More »

Aflați CSS Flexbox în 5 minute - Un tutorial pentru începători

Aflați CSS Flexbox în 5 minute – Un tutorial pentru începători

O introducere rapidă la modulul popular de aspect În această postare, veți învăța elementele de bază ale CSS Flexbox, care a devenit o abilitate obligatorie pentru dezvoltatorii de web și designeri în ultimii doi ani. Vom folosi un navbar ca exemplu, deoarece acesta este un caz de utilizare foarte tipic pentru Flexbox. Acest lucru vă …

Aflați CSS Flexbox în 5 minute – Un tutorial pentru începători Read More »