clipping-preserve-3d-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<body>

  <div style="width: 400px; overflow: hidden; border-radius: 50%;">

    <div style="transform-style: preserve-3d; position:relative; transform: translateX(100px);">

      <div style="width: 200px;height: 200px;background-color: red;position: relative;left: 200px;">

      </div>

    </div>

  </div>

</body>

</html>