Cum se fac cercuri folosind css3

Vă recomandăm această găzduire în Ucraina. Totul este foarte accesibil, prețurile sunt scăzute și loiale față de acei susținători.

Bună ziua, dragi cititori ai blogului. Astăzi vreau să vă spun cum să faceți cercurile cele mai comune numai folosind stilurile CSS. Am început să observ că această metodă este folosită mai des în crearea șabloanelor. Se pare foarte interesant, mai ales dacă se adaugă o varietate de efecte. Și ca un plus imens este că aceste cercuri sunt mult mai încărcate decât imaginea.







În general, hai să mergem direct la practică, dar mai întâi să ne uităm la câteva puncte importante.







Puncte importante

În toate cazurile vom folosi următoarele:

-webkit-border-radius - pentru afișarea corectă în browsere, cum ar fi Chrome și Safari.

-moz-border-radius - pentru afișarea corectă a cercurilor din browserul Firefox.

Aș dori să spun că în acest moment aproape toate, cu cea mai recentă actualizare, browserele suporta tehnologia CSS3, precum și proprietatea border-radius (o caracteristică standard pentru toate browserele care acceptă CSS3). Dar este mai bine va fi, ca să spunem așa, pentru a asigura, pentru că nu toți utilizatorii sunt actualizate la timp, sau nu, la toate actualizate, și de a folosi versiuni mai vechi de browsere.

Cu proprietatea border-radius, puteți face orice comunitate de orice dimensiune, importantă pentru a alege corect raza colțurile pixelului, de exemplu, cu cât cercul mai mare trebuie să fie raza colțurilor pentru a se obține un cerc în cazul în care raza nu este suficient de mare, probabil că nu va cerc și un pătrat cu colțuri înclinate.

Ei bine, acum practica.

Cerc cu text înăuntru







Trimiteți-le prietenilor: