ZoWebdev

Web ontwikkeling voor Jongeren
[ 14-03-2010 | 15:15 ]

Rounded Corners

Ronde hoeken moesten lang gemaakt worden met afbeeldingen die je in de hoeken van je tabel of div plaatste. Tegenwoordig kun je ze echter met javascript maken. Dit in afwachting dat de voorgestelde standaarden voor ronde hoeken door alle browsers ondersteund gaan worden.

De grijze rand rond dit tekstvak is gemaakt met www.curvycorners.net. De ronde vlakken die onderdeel uitmaken van het siteontwerp zijn echter nog ouderwetse plaatjes!


» download
  • Download de javascript. De meegeleverde voorbeelden zijn een goed startpunt om het op je eigen site werkend te krijgen, maar we leggen het hier toch nog even uit.
  • Roep de javascript file aan in de header
  • Plaats een div in je body
  • Definieer de stijl van je div
  • Roep met javascript de functie aan die de hoeken van de div gaat aanpassen.