Catégories
Javascript/jQuery

Plugin jQuery : Biseau

J'ai récemment, pour un client, eu besoin d'un effet de biseau plat sur des blocs HTML.

Oui je précise biseau "plat" parce que mes premières recherches, qui se dirigeaient plus vers des solutions en CSS, m'ont fait atterrir sur ces putains d'effets 3D moches, au rendu dégueulasse ! Mais à part ça, pas l'équivalent d'un border-radius qui permettent de couper l'angle d'un bloc. Chose étonnante vu leur utilisation fréquente en design mais bon... les spécifications CSS quoi.

Lors de mes recherches je suis bien tombé sur l'excellent plugin jQuery Corners et son option "bevel" mais ce plugin n'est pas efficace sur un fond en image ou bien sur un dégradé. De même corner.js est très efficace mais seulement appliqué à des images. C'est ballot.

Alors pour mon projet, et aussi pour la gloire, j'ai finalement décidé de créer un plugin pour ajouter des angles biseautés aux éléments HTML de types block.