aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/transition-timing-function
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-09-17 20:15:31 +0200
committerGitHub <noreply@github.com>2021-09-17 20:15:31 +0200
commit3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f (patch)
tree09fe8f8a5fae5235b62918e8b7161fd34480b8d0 /files/fr/web/css/transition-timing-function
parent3518481e9190f19bbf81741704f45cb3c1761758 (diff)
downloadtranslated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.gz
translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.tar.bz2
translated-content-3335211db9ecb67dc0ccd9c4a7c1eb607ffe359f.zip
Prepare CSS section for Markdown conversion (#2307)
* Removes summary / seoSummary classes * Remove div class=hidden and some notranslate * Remove hidden paragraphs for live sample * Remove hidden paragraphs for live sample - take 2 * Remove other hidden div and p - updated w/ en-US when necessary * Remove ids * Remove notranslate class * Fix typo which broke build * remove div class='index' * remove useless <span style=...> * remove non typographical sups * remove non typographical subs * remove blockindicator and fix some div.note * fix build :/ * remove useless classes * fix build - again :x * fix unhandled elements 1/N + embedlivesample build fail * fix div.warning * Fix fixable flaws - hoping to reduce error conversion * Remove unecessary images (same as en-US) * fix div notes * fix warnings * fix some dl handling * fix dls * Fix a bunch of conversion errors * rm unhandled figures * Fix other set of issues and revamp easing-function page * Fix some one-offs conversion errors (incl. deki files) * fix the rest of one-off conversion issues * Fix last dl standing
Diffstat (limited to 'files/fr/web/css/transition-timing-function')
-rw-r--r--files/fr/web/css/transition-timing-function/index.html18
1 files changed, 6 insertions, 12 deletions
diff --git a/files/fr/web/css/transition-timing-function/index.html b/files/fr/web/css/transition-timing-function/index.html
index 6e456d5893..6581f0d272 100644
--- a/files/fr/web/css/transition-timing-function/index.html
+++ b/files/fr/web/css/transition-timing-function/index.html
@@ -13,8 +13,6 @@ translation_of: Web/CSS/transition-timing-function
<div>{{EmbedInteractiveExample("pages/css/transition-timing-function.html")}}</div>
-<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p>
-
<p>Cette courbe d'accelération est définie en utilisant une {{cssxref("&lt;timing-function&gt;")}} pour chacune des propriétés à animer.</p>
<p>Il est possible de définir plusieurs fonctions de temporisation dans une même déclaration ; chacune sera appliquée à la propriété correspondante listée avec la propriété {{cssxref("transition-property")}}, qui agit comme liste maîtresse :</p>
@@ -112,8 +110,7 @@ transition-timing-function: unset;
<div>
<h3 id="Courbes_de_Bézier_cubiques">Courbes de Bézier cubiques</h3>
-<div class="hidden">
-<pre class="brush:html">&lt;div class="parent"&gt;
+<pre class="brush:html hidden">&lt;div class="parent"&gt;
&lt;div class="ease"&gt;ease&lt;/div&gt;
&lt;div class="easein"&gt;ease-in&lt;/div&gt;
&lt;div class="easeout"&gt;ease-out&lt;/div&gt;
@@ -122,7 +119,7 @@ transition-timing-function: unset;
&lt;div class="cb"&gt;cubic-bezier(0.2,-2,0.8,2)&lt;/div&gt;
&lt;/div&gt;</pre>
-<pre class="brush:css;">.parent {}
+<pre class="brush:css hidden">.parent {}
.parent &gt; div[class] {
width: 12em;
min-width: 12em;
@@ -144,7 +141,7 @@ transition-timing-function: unset;
}
</pre>
-<pre class="brush:js">function updateTransition() {
+<pre class="brush:js hidden">function updateTransition() {
var els = document.querySelectorAll(".parent &gt; div[class]");
for(var c = els.length, i = 0; i &lt; c; i++) {
els[i].classList.toggle("box1");
@@ -153,7 +150,6 @@ transition-timing-function: unset;
var intervalID = window.setInterval(updateTransition, 10000);
</pre>
-</div>
<pre class="brush: css">.ease {
transition-timing-function: ease;
@@ -180,8 +176,7 @@ var intervalID = window.setInterval(updateTransition, 10000);
<div>
<h3 id="Fonctions_en_créneaux">Fonctions en créneaux</h3>
-<div class="hidden">
-<pre class="brush:html">&lt;div class="parent"&gt;
+<pre class="brush:html hidden">&lt;div class="parent"&gt;
&lt;div class="jump-start"&gt;jump-start&lt;/div&gt;
&lt;div class="jump-end"&gt;jump-end&lt;/div&gt;
&lt;div class="jump-both"&gt;jump-both&lt;/div&gt;
@@ -190,7 +185,7 @@ var intervalID = window.setInterval(updateTransition, 10000);
&lt;div class="step-end"&gt;step-end&lt;/div&gt;
&lt;/div&gt;</pre>
-<pre class="brush:css;">.parent {}
+<pre class="brush:css hidden">.parent {}
.parent &gt; div[class] {
width: 12em;
min-width: 12em;
@@ -212,7 +207,7 @@ var intervalID = window.setInterval(updateTransition, 10000);
}
</pre>
-<pre class="brush:js">function updateTransition() {
+<pre class="brush:js hidden">function updateTransition() {
var els = document.querySelectorAll(".parent &gt; div[class]");
for(var c = els.length, i = 0; i &lt; c; i++) {
els[i].classList.toggle("box1");
@@ -221,7 +216,6 @@ var intervalID = window.setInterval(updateTransition, 10000);
var intervalID = window.setInterval(updateTransition, 10000);
</pre>
-</div>
<pre class="brush: css">.jump-start {
transition-timing-function: steps(5, jump-start);