From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/alpha-value/index.md | 59 +++++++++++++---------------------- 1 file changed, 21 insertions(+), 38 deletions(-) (limited to 'files/fr/web/css/alpha-value') diff --git a/files/fr/web/css/alpha-value/index.md b/files/fr/web/css/alpha-value/index.md index a2736fad98..f7d89bfd2a 100644 --- a/files/fr/web/css/alpha-value/index.md +++ b/files/fr/web/css/alpha-value/index.md @@ -7,56 +7,39 @@ tags: - Type de donnée translation_of: Web/CSS/alpha-value --- -

{{CSSRef}}{{draft()}}

+{{CSSRef}}{{draft()}} -

Le type de donnée CSS <alpha-value> représente une valeur qui peut être un nombre ({{cssxref("<number>")}}) ou un pourcentage ({{cssxref("<percentage>")}}) et qui indique le canal alpha ou l'opacité d'une couleur.

+Le [type de donnée](/fr/docs/Web/CSS/Types_CSS) CSS **``** représente une valeur qui peut être un nombre ({{cssxref("<number>")}}) ou un pourcentage ({{cssxref("<percentage>")}}) et qui indique le [canal alpha](https://fr.wikipedia.org/wiki/Canal_alpha) ou _l'opacité_ d'une couleur. -

Syntaxe

+## Syntaxe -

Si la valeur est fournie comme un nombre, la valeur peut être comprise entre 0 (complètement transparent) et 1 (complètement opaque). Il est possible d'utiliser des valeurs décimales comprises entre ces valeurs. Les valeurs à l'extérieur de cet intervalle sont valides mais elles sont écrétées à 0 ou 1.

+Si la valeur est fournie comme un nombre, la valeur peut être comprise entre 0 (complètement transparent) et 1 (complètement opaque). Il est possible d'utiliser des valeurs décimales comprises entre ces valeurs. Les valeurs à l'extérieur de cet intervalle sont valides mais elles sont écrétées à 0 ou 1. -

Lorsque la valeur est fournie en pourcentage 0% correspond à une transparence complète tandis que 100% correspond à une opacité totale.

+Lorsque la valeur est fournie en pourcentage 0% correspond à une transparence complète tandis que 100% correspond à une opacité totale. -

Interpolation

+## Interpolation -

Lorsqu'une animation fait évoluer une valeur de type <alpha-value>, les valeurs sont interpolées comme des nombres réels à point flottant. La vitesse de l'interpolation est déterminée par la fonction de temporisation associée à l'animation.

+Lorsqu'une animation fait évoluer une valeur de type ``, les valeurs sont interpolées comme des nombres réels à point flottant. La vitesse de l'interpolation est déterminée par la [fonction de temporisation](/fr/docs/Web/CSS/timing-function) associée à l'animation. -

Exemples

+## Exemples -

Certaines fonctionnalités CSS utilisent des valeurs <alpha-value> dont les notations fonctionnelles pour les couleurs telles que rgba() et hsla() et aussi {{cssxref("shape-image-threshold")}} (qui détermine les pixels à prendre en compte pour une image lorsqu'on souhaite en extraire une forme).

+Certaines fonctionnalités CSS utilisent des valeurs `` dont [les notations fonctionnelles pour les couleurs telles que `rgba()` et `hsla()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value#RGB_colors) et aussi {{cssxref("shape-image-threshold")}} (qui détermine les pixels à prendre en compte pour une image lorsqu'on souhaite en extraire une forme). -
-/* <rgba()> */
+```css
+/*  */
 color: rgba(34, 12, 64, 0.6);
 color: rgba(34.0 12 64 / 60%);
-
+``` -
+```css
 /* shape-image-threshold */
 shape-image-threshold: 70%;
 shape-image-threshold: 0.7;
-
- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS4 Colors', '#type-def-alpha-value', '<alpha-value>')}}{{Spec2('CSS4 Colors')}}Aucune modification significative.
{{SpecName('CSS3 Colors', '#alphavaluedt', '<alpha-value>')}}{{Spec2('CSS3 Colors')}}Introduit le type <alpha-value> ainsi que les notations fonctionnelles rgba() et hsla().
+``` + +## Spécifications + +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ---------------------------------------------------------------------------------------------- | +| {{SpecName('CSS4 Colors', '#type-def-alpha-value', '<alpha-value>')}} | {{Spec2('CSS4 Colors')}} | Aucune modification significative. | +| {{SpecName('CSS3 Colors', '#alphavaluedt', '<alpha-value>')}} | {{Spec2('CSS3 Colors')}} | Introduit le type `` ainsi que les notations fonctionnelles `rgba()` et `hsla()`. | -- cgit v1.2.3-54-g00ecf