Categorie: ”Round corners

Ronde hoeken kan je op zoveel verschillende manieren verwezenlijken, de ene is al wat gecompliceerder dan de andere. Deze manier heeft 4 afbeeldingen nodig (voor elke hoek één), en 4 HTML elementen op ze op hun plaats te zetten. Eenvoudig en doeltreffend.

Zoals te zien bij Google Analytics, één pixel uit de hoek halen om zo visueel ronde hoeken na te bootsen.

Geen afbeeldingen, geen Javascript enkel pure CSS. Maar wel veel CSS en HTML elementen. Ja het is meestal kiezen of delen, je kan niet alles hebben natuurlijk.

+ Demo

2 Reacties


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.