<pre class="language-markup"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;style&gt;
    a{
      font-size: 3rem;
      display: inline-block;
      /* transition-property: font-size transform;
      transition-duration: 1s; */
    /* transition:all 0.1s; */
    transition: font-size 1s, transform 0.1s;
    transition-delay: 1s;
    }

    a:active{
      transform: translate(20px,20px);
      font-size: 2rem;
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;a href="#"&gt;Click&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

Cộng đồng Hỏi & Đáp của Inflearn

delay가 작동을 안하네요..