aboutsummaryrefslogtreecommitdiff
path: root/files/ko/web/css/css_transitions/using_css_transitions/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ko/web/css/css_transitions/using_css_transitions/index.html')
-rw-r--r--files/ko/web/css/css_transitions/using_css_transitions/index.html24
1 files changed, 12 insertions, 12 deletions
diff --git a/files/ko/web/css/css_transitions/using_css_transitions/index.html b/files/ko/web/css/css_transitions/using_css_transitions/index.html
index c81a169965..15368d34c5 100644
--- a/files/ko/web/css/css_transitions/using_css_transitions/index.html
+++ b/files/ko/web/css/css_transitions/using_css_transitions/index.html
@@ -76,7 +76,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;
@@ -141,7 +141,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;
@@ -206,7 +206,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;
@@ -271,7 +271,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;
@@ -340,7 +340,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;
@@ -403,7 +403,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;
@@ -466,7 +466,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;
@@ -529,7 +529,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;
@@ -596,7 +596,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;
@@ -663,7 +663,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;
@@ -730,7 +730,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;
@@ -797,7 +797,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;