Ajouter de la transparence UTILITAIRES:Transparence

La classe .opacity-valeur permet d’ajouter de la transparence au contenu de l’élément qui utilise cette classe. Le suffixe valeur est à remplacer par une des cinq valeurs numériques allant de 0, totalement transparent, à 100 %, totalement opaque, par pas de 25.

Les exemples de cette section sont à télécharger dans le dossier nommé 12-Utilitaires-05.

Voici le code de ces exemples :

<div class="row"> 
  <div class="opacity-100"> 
    <img src="terre.png" alt="La Terre" class="float-start"> 
    <h1>La terre</h1> 
  </div> 
  <div class="opacity-75"> 
    <img src="terre.png" alt="La Terre" class="float-start"> 
    <h1>La terre</h1> 
  </div> 
  <div class="opacity-50"> 
    <img src="terre.png" alt="La Terre" class="float-start"> 
    <h1>La terre</h1> 
  </div> 
  <div class="opacity-25"> 
    <img src="terre.png" alt="La Terre" class="float-start"> 
    <h1>La...
couv_OW5BOO.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Changer l’affichage des éléments
Suivant
Ajouter des ombres portées