Splněný sen všech webdesignerů – kulaté rožky všude :-)
Zdánlivě nemožné se stává skutečností, nyní již lze pohodlně ve všech důležitých prohlížečích vytvořit kulaté rohy bez obrázku nebo jakéhokoliv JavaScriptu! Ano, možná si říkáte, že jsem objevil Ameriku, ale není tomu tak.
Poměrně nedávno v červenci 2009 bylo představeno řešení pomocí htc souboru pro IE6+ které zvládá zakulatit všechny rohy (pouze). A zásadní zvrat nastal na konci února 2010, kdy byla vydána finální Opera 10.5, která již zvládá CSS3 border-radius . Když k tomu přidáme, že prohlížeč Firefox a rodina browserů založená na jádře webkit (Chrome a Safari) již zvládá border-radius dlouho. Získáme podporu minimálně 95% návštěvníků.
Které prohlížeče nyní zvládnou kulaté rohy?
- Internet Explorer 6, 7, 8
- Firefox
- Google Chrome, Safari
- Opera 10.5
Jak vypadá zápis?
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
behavior:url(border-radius.htc);