roundcorderjquery

Comme sont nom l’indique, le plugin jQuery Round Corners permet d’arrondir les angles d’un ou plusieurs éléments sur votre page HTML.

Grâce a ce plugin, finit les problème d’incompatibilités entre navigateur vu que ce plugin fonctionne sur Firefox, Opera, Chrome, Safari mais aussi Internet Explorer 6+ (par contre vous devez ajouter le fichier javascript Explorer Canvas pour le faire fonctionner).

Vous pouvez aussi gérer les dégradés dans vos éléments HTML.

Utilisation

Prenons pour exemple : Je veux une div qui a 2 coins arrondis (les deux coins du haut) et des dégradés selon la position de la sourie sur la div.

C’est très simple, avec ce plugin, il me faut une ligne de code javascript :

$('.demo').bg(['16px', '16px', '0', '0'], [['#eee', '#666'], ['#eee', '#aaa'], ['#aaa', '#ddd']]);

Explication

Ici on a deux paramètres, le premier représente les bords arrondis et l’autre les dégradés.
Les bords arrondis s’organise dans cet ordre la : Haut Gauche, Haut Droit, Bas Droite, Bas Gauche.
Les dégradés s’organise dans l’ordre suivant : Dégradé normal, dégradé au passage de la sourie et dégradé au clique.

Je vous conseille de télécharger ce plugin et de lire la documentation. Maintenant plus aucune excuse pour ne plus faire de joli bords arrondis.