#{extends 'main.html' /} #{set title: 'Effets simples avec CSS3'/}

Auparavant il était nécessaire de dessiner des images afin de réaliser des boutons et des éléments dégradés. Les nouvelles propriétés CSS3 simplifient le travail et permettent de rendre plus facilement des effets graphiques simples. Il est possible de créer des dégradés pour Firefox, Internet Explorer et Chrome/Safari (voir cet article)

1. Balise border-radius

Exemple 1

2. Ajout d'un dégradé

3. Ajout d'une ombre portée

4. Différents styles

Pink Button Green Button Hello Christian Button Red Button
  • Orange Button Yellow Button