Playing with a Blockquote using Modern CSS Features

Features like:

  1. Native CSS Nesting
  2. Logical Properties
  3. text-decoration-*
  4. OKLCH
  5. text-wrap: balance;
  6. Inline SVG background as a data URL

Demo:


CodePen

I work on CodePen! I'd highly suggest you have a PRO account on CodePen, as it buys you private Pens, media uploads, realtime collaboration, and more.

Get CodePen Pro

One response to “Playing with a Blockquote using Modern CSS Features”

  1. Bob says:

    More of these, please! Always fun to see you go back to the roots for those of us who first began following you with the launch of CSS Tricks.

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to Top ⬆️