content-visibility-on-g.html

Enable keyboard shortcuts

<!DOCTYPE html>

<title>CSS Content Visibility: effect on <g> element</title>

<link rel="author" href="mailto:rbuis@igalia.com">

<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility">

<link rel="match" href="content-visibility-on-g-ref.html">

<meta name="assert" content="content-visibility hidden has no effect on g element">

<div>

  <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">

    <g style="content-visibility:hidden">

      <text x="5" y="16" transform="scale(2, 2)">Hello World!</text>

      <text x="8" y="32" transform="translate(0 20) scale(1.25 1)">Hello World Again!</text>

    </g>

  </svg>

</div>