Initial Code import.

2019-03-03 15:28:35 +01:00
commit 04ae63035a
8 changed files with 844 additions and 0 deletions
--- a/foobar.css
+++ b/foobar.css
@@ -0,0 +1,100 @@
+@-webkit-keyframes starrotation {
+	0% {
+		-webkit-transform: rotate(0deg);
+transform: rotate(0deg);  
+	}
+	25% {
+		-webkit-transform: rotate(90deg);
+		-moz-transform: rotate(90deg);  
+		-ms-transform: rotate(90deg);  
+		-o-transform: rotate(90deg);  
+transform: rotate(90deg);  
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+		-moz-transform: rotate(360deg);  
+		-ms-transform: rotate(360deg);  
+		-o-transform: rotate(360deg);  
+transform: rotate(360deg);  
+	}
+}
+
+@-moz-keyframes starrotation {
+	0% {
+		-moz-transform: rotate(0deg);  
+transform: rotate(0deg);  
+	}
+	25% {
+		-moz-transform: rotate(90deg);  
+transform: rotate(90deg);  
+	}
+	100% {
+		-moz-transform: rotate(360deg);  
+transform: rotate(360deg);  
+	}
+}
+
+@-o-keyframes starrotation {
+	0% {
+		-o-transform: rotate(0deg);  
+transform: rotate(0deg);  
+	}
+	25% {
+		-o-transform: rotate(90deg);  
+transform: rotate(90deg);  
+	}
+	100% {
+		-o-transform: rotate(360deg);  
+transform: rotate(360deg);  
+	}
+}
+
+@keyframes starrotation {
+	0% {
+transform: rotate(0deg);  
+	}
+	25% {
+transform: rotate(90deg);  
+	}
+	100% {
+transform: rotate(360deg);  
+	}
+}
+
+body.open {
+height:100%;
+		  background-color: #a3d165;
+		  text-align: center;
+}
+
+body.closed {
+background: #f66;
+			text-align: center;
+}
+
+* {
+	font-family: verdana, sans-serif;
+}
+
+#wrapper {
+margin: auto;
+width: 999px;
+height:999px;
+	   padding-top: 400px;
+	   margin-top: -200px;
+	   background-image: url(star.png);
+	   background-repeat: no-repeat;
+animation:starrotation 10s;
+	   animation-iteration-count: infinite;
+	   animation-timing-function: linear;
+	   -moz-animation:starrotation 10s; /* Firefox */
+	   -moz-animation-iteration-count: infinite;
+	   -moz-animation-timing-function: linear;
+	   -webkit-animation:starrotation 10s; /* Safari and Chrome */
+	   -webkit-animation-iteration-count: infinite;
+	   -webkit-animation-timing-function: linear;
+	   -o-animation:starration 10s; /* Opera */
+	   -o-animation-iteration-count: infinite;
+	   -o-animation-timing-function: linear;
+
+}