Deoarece e la moda colturile rontunde :) CSS3 aduce un modul nou care face acest lucru mult mai usor. Daca pana acum decupam colturile sau cine stie ce alte metode se foloseau acum avem nevoie doar de un simplu cod. CSS3 introduce modulul "webkit" sau "moz".
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#b0e2f5;
border: 1px solid #069;
-moz-border-radius: 5px;
background:#b0e2f5;
border: 1px solid #069;
Daca doriti modelarea doar a unui colt puteti folosi:
-moz-border-radius-topleft sau-webkit-border-top-left-radius-moz-border-radius-topright sau-webkit-border-top-right-radius-moz-border-radius-bottomleft sau-webkit-border-bottom-left-radius-moz-border-radius-bottomright sau-webkit-border-bottom-right-radius
! Din pacate modulul e suportat doar de Mozzila Firefox 3+, Chrome si Safari. In Internet Explorer si Opera nu functioneaza.
Testat personal.
Testat personal.
1 comentarii:
Versiunea cu webkit nu merge, cel putin in firefox. Sa speram ca urmatoarele versiuni de browsere or sa accepte codul CSS.
Good information!:)
Trimiteți un comentariu