diff options
Diffstat (limited to 'files/fr/web/css/@keyframes')
-rw-r--r-- | files/fr/web/css/@keyframes/index.html | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/files/fr/web/css/@keyframes/index.html b/files/fr/web/css/@keyframes/index.html index dd8fb53d18..9856d8f815 100644 --- a/files/fr/web/css/@keyframes/index.html +++ b/files/fr/web/css/@keyframes/index.html @@ -11,7 +11,7 @@ translation_of: Web/CSS/@keyframes <p>La <a href="/fr/docs/Web/CSS/R%C3%A8gles_@">règle </a><strong><code>@keyframes</code></strong> permet aux auteurs de définir les étapes qui composent la séquence d'une animation CSS. Cela permet de contrôler une animation plus finement que ce qu'on pourrait obtenir avec <a href="/fr/docs/Web/CSS/CSS_Transitions">les transitions</a>.</p> -<pre class="brush: css no-line-numbers notranslate">@keyframes slidein { +<pre class="brush: css no-line-numbers">@keyframes slidein { from { margin-left: 100%; width: 300%; @@ -45,7 +45,7 @@ translation_of: Web/CSS/@keyframes <p>Si des propriétés ne sont pas définies à chaque étape, elles sont interpolées si possible. Si ces propriétés ne peuvent pas être interpolées, elles sont retirées de l'animation :</p> -<pre class="brush: css notranslate">@keyframes identifier { +<pre class="brush: css">@keyframes identifier { 0% { top: 0; left: 0; } 30% { top: 50px; } 68%, 72% { left: 50px; } @@ -61,7 +61,7 @@ translation_of: Web/CSS/@keyframes <p>Les déclarations qui utilisent <code>!important</code> dans une description d'étape sont ignorées</p> -<pre class="brush: css notranslate">@keyframes important1 { +<pre class="brush: css">@keyframes important1 { from { margin-top: 50px; } 50% { margin-top: 150px !important; } /* ignorée */ to { margin-top: 100px; } @@ -98,7 +98,7 @@ translation_of: Web/CSS/@keyframes <h3 id="CSS">CSS</h3> -<pre class="brush: css notranslate">p { +<pre class="brush: css">p { animation-duration: 25s; animation-name: slidein; } @@ -122,7 +122,7 @@ translation_of: Web/CSS/@keyframes <h3 id="HTML">HTML</h3> -<pre class="brush: html notranslate"><p> +<pre class="brush: html"><p> Le Chat grimaça en apercevant Alice. Elle trouva qu’il avait l’air bon enfant, et cependant il avait de très longues griffes et une grande rangée de dents ; |