diff --git a/Art/Arlington Animation/index.html b/Art/Arlington Animation/index.html new file mode 100644 index 000000000..5b99c3788 --- /dev/null +++ b/Art/Arlington Animation/index.html @@ -0,0 +1,14 @@ + + + + + + + + + +
+
+ + + \ No newline at end of file diff --git a/Art/Arlington Animation/meta.json b/Art/Arlington Animation/meta.json new file mode 100644 index 000000000..4c01f7209 --- /dev/null +++ b/Art/Arlington Animation/meta.json @@ -0,0 +1,3 @@ +"artName": "circles" +"githubhandle": "akersarlington" +"githubLink": "https://github.com/akersarlington" \ No newline at end of file diff --git a/Art/Arlington Animation/style.css b/Art/Arlington Animation/style.css new file mode 100644 index 000000000..07b1319eb --- /dev/null +++ b/Art/Arlington Animation/style.css @@ -0,0 +1,26 @@ +.circle { + position: absolute; + top: 50px; + left: 50px; + background: blue; + width: 100px; + height: 100px; + border-radius: 50%; + animation: slide 2s infinite alternate; +} + +@keyframes slide { + from {left:0;} + to { left: 300px } +} + +.circle2 { + position: absolute; + top: 100px; + left: 50px; + background: darkred; + width: 100px; + height: 100px; + border-radius: 50%; + animation: slide 3s infinite alternate; +} \ No newline at end of file diff --git a/meta.json b/meta.json new file mode 100644 index 000000000..e69de29bb