<!DOCTYPE html>
<html>
  <head>
    <title>Rotating Movements</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="generator" content="http://chalarangelo.github.io/htmltemplategenerator/">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script type="text/javascript">
      $(function(){
        console.log('jQuery: Page loading complete!');
      });
    </script>

<style>
.rsButton {
box-shadow:inset 0px 1px 3px 0px #91b8b3;
background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
background-color:#768d87;
background: rgb(76,218,215);
background: linear-gradient(90deg, rgba(76,218,215,1) 10%, rgba(253,217,29,1) 52%, rgba(237,129,21,1) 97%);
border-radius:5px;
border:1px solid #566963;
display:inline-block;
cursor:pointer;
color:#005053;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:11px 23px;
text-decoration:none;
text-shadow:0px -1px 0px #2b665e;
}
.rsButton:hover {
color:#ffa200;
background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
background-color:#6c7c7c;
background: rgb(76,218,215);
background: linear-gradient(90deg, rgba(237,129,21,1) 10%, rgba(253,217,29,1) 52%, rgba(76,218,215,1) 97%);
}
.rsButton:active {
position:relative;
top:1px;
}
h8 {
  font-size: 14px;
  background: -webkit-linear-gradient(#eee, #fff333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
</style>

  </head>
  <body>
    <h1>Relative rotating movements</h1>

<div style="width: 700px; height: 100%;"><iframe style="border: none;" src="https://www.redshiftbs.com/public_html/relative_rotating_movements_HTML5 Canvas.html" name="Redshift" width="100%" height="600px" scrolling="No"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start">﻿</span></iframe></div>

<a href="https://www.redshiftbs.com/public_html/relative_rotating_movements_HTML5 Canvas.html" class="rsButton" target="blank"><h8>Full screen animation</h8></a>

  </body>
</html>