ssudoku

<div class=”vr-container”> <!-- container div -->
    <a-scene class=”vr-background”> <!-- the  a-frame embed code -->
      <a-entity rotation="0 0 0"> <!-- rotation value sets the starting view point, play around! -->
    	<a-animation attribute="rotation" 
                 dur="600000"
                 easing="linear"
                 fill="forwards"
                 to="0 360 0"
                 repeat="indefinite"></a-animation> <!-- remove if you don’t like the automatic movement -->
    	    <a-sky src="your-image-link"></a-sky>

ssudoku

// Without these next 2 rules, a-frame will hide the rest of the page and disable scrolling
body.a-body {
    height: auto;
    overflow: auto;
}
html.a-html {
    height: auto;
    overflow: auto;
    position: static;
}

ssudoku

<div class=”vr-container”> <!-- container div -->
    <a-scene class=”vr-background”> <!-- the  a-frame embed code -->
      <a-entity rotation="0 0 0"> <!-- rotation value sets the starting view point, play around! -->
    	<a-animation attribute="rotation" 
                 dur="600000"
                 easing="linear"
                 fill="forwards"
                 to="0 360 0"
                 repeat="indefinite"></a-animation> <!-- remove if you don’t like the automatic movement -->
    	    <a-sky src="your-image-link"></a-sky>

ssudoku

.vr-container .vr-overlay-content {
    position: absolute;
    z-index: 1; // positions the content over the viewer
    pointer-events: none; // this is important as it enables your interactions on the overlay to be detected by a-frame
}
.vr-overlay-content .action {
    pointer-events: initial; // enables clicks on the button, which was disabled by pointer-events: none
}

ssudoku

<div class=”vr-container”> <!-- container div -->
    <a-scene class=”vr-background”> <!-- the  a-frame embed code -->
      <a-entity rotation="0 0 0"> <!-- rotation value sets the starting view point, play around! -->
    	<a-animation attribute="rotation" 
                 dur="600000"
                 easing="linear"
                 fill="forwards"
                 to="0 360 0"
                 repeat="indefinite"></a-animation> <!-- remove if you don’t like the automatic movement -->
    	    <a-sky src="your-image-link"></a-sky>

ssudoku

// Without these next 2 rules, a-frame will hide the rest of the page and disable scrolling
body.a-body {
    height: auto;
    overflow: auto;
}
html.a-html {
    height: auto;
    overflow: auto;
    position: static;
}

ssudoku

<div class=”vr-container”> <!-- container div -->
    <a-scene class=”vr-background”> <!-- the  a-frame embed code -->
      <a-entity rotation="0 0 0"> <!-- rotation value sets the starting view point, play around! -->
    	<a-animation attribute="rotation" 
                 dur="600000"
                 easing="linear"
                 fill="forwards"
                 to="0 360 0"
                 repeat="indefinite"></a-animation> <!-- remove if you don’t like the automatic movement -->
    	    <a-sky src="your-image-link"></a-sky>

ssudoku

<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>