Skip to content

Instantly share code, notes, and snippets.

<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;
}
@keyframes mymove {
0% { background-position: 0 0; }
<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;
}
@keyframes mymove {
0% { background-position: 0 0; }
<!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;
}
<!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;
}
<!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%;