Ronde hoeken

Het klinkt zo leuk: ronde hoeken aan blokken (div’s). Van oudsher is dat echter niet mogelijk. Met de komst van CSS3 is daar verandering in gekomen. Met één regel CSS is het opgelost:

#container {
border-radius: 10px;
}

Het probleem hierbij is alleen wederom het feit dat te veel mensen nog een oude browserversie gebruiken. Voor dit overgrote deel van de gebruikers dus nog steeds geen ronde hoeken, of toch wel?

Het fameuze jQuery bied uitkomst. Met behulp van een plugin die voortbouwd op het framework zijn ronde hoeken eenvoudig te realiseren, óók voor oudere browsers:

<script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js"></script>
 
<script type="text/javascript">
$(document).ready(function(){
$("#container").corner();
});
</script>