@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes scale{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg) scale(1)}}@keyframes skew{from{transform:rotate(0) scale(1,1)}25%{transform:rotate(90deg) scale(.8,1.2)}50%{transform:rotate(180deg) scale(1,1)}75%{transform:rotate(270deg) scale(1.2,.8)}to{transform:rotate(360deg) scale(1,1)}}#circle{margin:auto;width:500px}.circle_big{-webkit-animation:rotating 5s linear infinite;-moz-animation:rotating 5s linear infinite;-ms-animation:rotating 5s linear infinite;-o-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite;position:relative;top:-10px;left:26px}.circle_big:hover{animation:3s scale infinite linear}.circle_big:active{filter:invert(100%)}.circle_little{animation:3s rotating infinite linear;position:relative;top:-300px;left:140px}.circle_little:hover{animation:2s skew infinite linear}