Majoritatea browserelor moderne precum Google Chrome, Mozilla Firefox, Opera sau Apple Safari oferă suport nativ pentru proprietatea CSS3 border-radius. Cu toate acestea, versiunile clasice de Internet Explorer (IE6, IE7, IE8) nu suportă nativ această proprietate, punând adesea în dificultate dezvoltatorii web.
Ce soluții există în acest caz pentru a menține un design coerent fără imagini tăiate manual pentru fiecare colț? O variantă practică și flexibilă este folosirea unui plugin bazat pe jQuery, precum jQuery Curvy Corners.
Cum funcționează jQuery Curvy Corners?
Scriptul preia containerele specificate și desenează dinamic marginile rotunjite folosind tehnici compatibile cu motorul de randare Trident, scutindu-te de crearea manuală de grafică suplimentară în Photoshop.
Exemplu și demonstrație
Pentru a testa funcționalitatea și a analiza setările puse la dispoziție de plugin, accesează pagina de prezentare: demonstrație live jQuery Curvy Corners.
