Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<style>
/* Colors */
#container{
width:100%;
height:100%;
}
img.drag {
position: absolute;
<!DOCTYPE html>
<style>
/* Colors */
#container{
width:100%;
height:100%;
}
img.drag {
position: absolute;
<!DOCTYPE html>
<style>
/* Colors */
#moon {
position: absolute;
width: 300px;
height: 300px;
top: 20%;
left: 10%;
<!DOCTYPE html>
<style>
/* Colors */
#moon {
position: absolute;
width: 300px;
height: 300px;
top: 20%;
left: 10%;
<!DOCTYPE html>
<style>
/* Colors */
#moon {
position: absolute;
width: 300px;
height: 300px;
top: 20%;
left: 10%;
<!DOCTYPE html>
<style>
/* Colors */
#moon {
position: absolute;
width: 300px;
height: 300px;
top: 20%;
left: 10%;
<!DOCTYPE html>
<style>
/* Colors */
#moon {
position: absolute;
width: 300px;
height: 300px;
top: 20%;
left: 10%;
<!DOCTYPE html>
<style>
/* Colors */
#moon {
position: absolute;
width: 300px;
height: 300px;
top: 20%;
left: 10%;
<!DOCTYPE html>
<style>
/* Colors */
body {
background: url(http://i.imgur.com/aZty7Mq.png);
animation: mymove 4s linear infinite;
-webkit-animation: mymove 4s linear infinite;
-moz-animation: mymove 4s linear infinite;
}
<!DOCTYPE html>
<style>
/* Colors */
body {
background: url(http://i.imgur.com/aZty7Mq.png);
animation: mymove 4s linear infinite;
-webkit-animation: mymove 4s linear infinite;
-moz-animation: mymove 4s linear infinite;
}