1 files changed, 2 insertions, 73 deletions
diff --git a/files/ko/web/css/transition/index.html b/files/ko/web/css/transition/index.html
index e14bda0330..1c8c0d6044 100644
--- a/files/ko/web/css/transition/index.html
+++ b/files/ko/web/css/transition/index.html
@@ -2,6 +2,7 @@
 title: transition
 slug: Web/CSS/transition
 translation_of: Web/CSS/transition
+browser-compat: css.properties.transition
 ---
 <div>{{CSSRef}}{{SeeCompatTable}}</div>
 
@@ -68,79 +69,7 @@ transition: unset;
 
 <h2 id="Browser_compatibility">Browser compatibility</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>1.0 {{ property_prefix("-webkit") }}<br>
-    26.0 <a href="http://googlechromereleases.blogspot.com/2013/03/stable-channel-update_26.html" title="Released on March 26, 2013">#</a></td>
-   <td>{{ CompatGeckoDesktop("2.0") }} {{ property_prefix("-moz") }}<br>
-    {{ CompatGeckoDesktop("16.0") }}<sup>[1]</sup></td>
-   <td>10.0</td>
-   <td>10.1 {{ property_prefix("-o") }}<br>
-    12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot" title="Released on August 3, 2012">#</a></td>
-   <td>3.0 {{ property_prefix("-webkit") }}<br>
-    6.1</td>
-  </tr>
-  <tr>
-   <td>Gradients<sup>[2]</sup></td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatNo() }}</td>
-   <td>10.0</td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatNo() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>2.1 {{ property_prefix("-webkit") }}</td>
-   <td>{{ CompatGeckoMobile("2.0") }} {{ property_prefix("-moz") }}<br>
-    {{ CompatGeckoMobile("16.0") }}<sup>[1]</sup></td>
-   <td>10.0</td>
-   <td>10.0 {{ property_prefix("-o") }}<br>
-    12.10 <a href="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot" title="http://my.opera.com/ODIN/blog/2012/08/03/a-hot-opera-12-50-summer-time-snapshot">#</a></td>
-   <td>3.2 {{ property_prefix("-webkit") }}</td>
-  </tr>
-  <tr>
-   <td>Gradients<sup>[1]</sup></td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatNo() }}</td>
-   <td>10.0</td>
-   <td>{{ CompatNo() }}</td>
-   <td>{{ CompatNo() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] In addition to the unprefixed support, Gecko 44.0 {{geckoRelease("44.0")}} added support for a <code>-webkit</code> prefixed version of the property for web compatibility reasons behind the preference <code>layout.css.prefixes.webkit</code>, defaulting to <code>false</code>. Since Gecko 49.0 {{geckoRelease("49.0")}} the preference defaults to <code>true</code>.</p>
-
-<p>[2] <a href="http://www.quirksmode.org/css/transitions/properties.html#t031">PPK test</a></p>
+<p>{{Compat}}</p>
 
 <h2 id="See_also">See also</h2>