aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/css/css_transitions/using_css_transitions/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/web/css/css_transitions/using_css_transitions/index.html')
-rw-r--r--files/pt-br/web/css/css_transitions/using_css_transitions/index.html24
1 files changed, 12 insertions, 12 deletions
diff --git a/files/pt-br/web/css/css_transitions/using_css_transitions/index.html b/files/pt-br/web/css/css_transitions/using_css_transitions/index.html
index 2e1b4e331f..a839851851 100644
--- a/files/pt-br/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/pt-br/web/css/css_transitions/using_css_transitions/index.html
@@ -39,7 +39,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions
<div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 0.5s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -104,7 +104,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 1s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -169,7 +169,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 2s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -234,7 +234,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-duration: 4s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -304,7 +304,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_ease" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: ease</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -367,7 +367,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_linear" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: linear</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -430,7 +430,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_stepend" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: step-end</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -493,7 +493,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="ttf_step4end" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-timing-function: steps(4, end)</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -560,7 +560,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 0.5s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -632,7 +632,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 1s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -704,7 +704,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 2s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;
@@ -776,7 +776,7 @@ var intervalID = window.setInterval(updateTransition, 7000);
<div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;">
<p><code>transition-delay: 4s</code></p>
- <div style="display: none;">
+ <div class="hidden">
<pre class="brush:html"> &lt;div class="parent"&gt;
&lt;div class="box"&gt;Lorem&lt;/div&gt;
&lt;/div&gt;