CSS et transparence 1

CSS et transparence

Bien des articles sur Internet proposent d’appliquer des transparences à des objets en utilisant les filtres.

L’inconvénient de ces filtres c’est que l’effet est appliqué sur tous les enfants de l’objet, rendant ainsi ces objets moins visibles.

Avec le style, exemple ci-dessous, le fond blanc est alors opaque à 50%. Mais inconvénient c’est que tous les enfants aussi.

Utilisez alors plutôt le “rgba”, qui ne s’applique qu’à l’objet.

La couleur blanche (255 partout) est opaque à 50% (0.5). Et seulement sur l’objet. CQFD

Exemples

CSS et transparence 2

CSS et transparence 3

A propos Martial Auroy

Je suis formateur sur les offres de la plateforme Microsoft 365 et sur la suite Office de Microsoft : Excel, OneDrive, Planner, PowerPoint, SharePoint, Teams, Word, Yammer et tous leurs amis.

Je vous propose également...

Twitter Bootstrap 4

Twitter Bootstrap

Parfois on est obligé de faire du développement web alors que ce n’est pas notre …

Le memento du développeur

Dans la série des outils malins, voici les mementos du développeur. Que vous soyez HTML, PHP, MySQL, CSS, XML/XSL (Objet DOM), vous trouverez une "card" pour vous...

1 commentaire

  1. très sympa cette astuce ^^
    merci

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *