`).
2. Ajoutez Skew.css à votre projet :
Assurez-vous que Skew.css est référencé dans votre document HTML `
` ou via votre bundle CSS.
3. Créer un balisage de carte :
Créez le balisage de votre carte Bootstrap comme vous le feriez normalement, avec son contenu et sa structure.
4. Appliquer les classes d'utilitaires Skew :
Ajoutez la classe utilitaire `skew` et toutes les classes supplémentaires dont vous avez besoin à votre carte Bootstrap. Voici un exemple :
```html
Carte asymétrique personnalisée
Ceci est un exemple de carte asymétrique personnalisée utilisant Skew.css.
```
La classe `skew` ajoute l’effet d’inclinaison de base à la carte. N'hésitez pas à expérimenter avec d'autres classes d'utilitaires pour personnaliser l'apparence.
5. Personnaliser l'effet d'inclinaison (facultatif) :
Skew.css fournit diverses options de personnalisation, telles que la définition de la direction d'inclinaison (`skew-right`, `skew-left`), de l'angle d'inclinaison (`skew-1`, `skew-2`, etc.), et plus encore. Vous pouvez utiliser ces classes ou modifier la fonction `.skew()` dans la bibliothèque Skew.css pour obtenir différents effets d'inclinaison.
N'oubliez pas d'ajuster les styles de remplissage et de marge si nécessaire pour garantir un alignement et un espacement corrects dans les cartes inclinées.
Voici à quoi pourrait ressembler la carte asymétrique personnalisée :
Carte d'amorçage normale
Carte Bootstrap asymétrique utilisant Skew.css
