<a-scene>
  <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="darkgrey"></a-plane>
  <a-sphere position="0 7 -5" radius="1.25" color="blue">
    <a-animation attribute="position" to="0 1 -5" direction="alternate" dur="2000" repeat="indefinite"></a-animation> 
  </a-sphere>
  <a-box position="-5 1 -5" rotation="0 45 0" width="1" height="1" depth="1" color="red">
    <a-animation attribute="position" to="5 0.5 -5" rotation="45 360 360" direction="alternate" dur="5000" repeat="indefinite"></a-animation>    
  </a-box>
  <a-image position="0 1.25 -3" visible='true' src='https://upload.wikimedia.org/wikipedia/commons/d/d6/Microsoft_Edge_logo.svg'  title='Microsoft Edge Logo' alt='Microsoft Edge Logo'> 
  </a-image>
  <a-cylinder position="1 0.75 3" radius="0.5" height="1.5" color="yellow" rotation="90 90 90" ></a-cylinder>
  <a-sky color="lightblue"></a-sky>
</a-scene>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.