🎭 Système d'Opacité Orochi
Utilisez notre système d'opacité complet pour contrôler la transparence des éléments. Le système inclut des classes pour différents niveaux d'opacité, des utilitaires de survol et des transitions fluides.
Niveaux d'opacité standards
Le framework Orochi propose cinq niveaux d'opacité prédéfinis, allant de complètement transparent à complètement opaque.
0%
.o-opacity-0
25%
.o-opacity-25
50%
.o-opacity-50
75%
.o-opacity-75
100%
.o-opacity-100
<div class="o-opacity-0">0% d'opacité (complètement transparent)</div>
<div class="o-opacity-25">25% d'opacité</div>
<div class="o-opacity-50">50% d'opacité</div>
<div class="o-opacity-75">75% d'opacité</div>
<div class="o-opacity-100">100% d'opacité (complètement opaque)</div>💡 Astuce
Utilisez les classes d'opacité pour créer une hiérarchie visuelle, indiquer des états désactivés, ou ajouter des effets interactifs. Combinez-les avec des transitions CSS pour des animations fluides. N'oubliez pas de maintenir un contraste suffisant pour l'accessibilité, surtout lorsque vous utilisez de faibles opacités sur du texte.