Code Block Reveal

Overview

Clip-path reveal the code block. Optionally stroke-draw an underline under the key phrase.

Build

1. 01

   Card in.

2. 02

   clip-path inset bottom 100% → 0.

3. 03

   Underline dashoffset on the phrase.

.code { animation: code-reveal 500ms both }
.underline { animation: underline-draw 400ms both }