Easily display interactive 3D models on the web & in AR
<model-viewer> is supported on the last 2 major versions of all evergreen
desktop and mobile browsers.
These browser features are only needed if you wish to use webxr in ar-modes:
|WebXR Device API|
|WebXR HitTest API|
|WebXR DOM Overlay API|
:focus-visible is an as-yet unimplemented web platform feature that enables
content authors to style a component on the condition that it received focus in
such a way that suggests the focus state should be visibly evident.
:focus-visible capability has not been implemented in any stable browsers
yet. If the polyfill is available on the page,
<model-viewer> will use it and only display focus rings when
:focus-visible should apply.
Check out this related MDN
article for more details on