Animation works now
This commit is contained in:
parent
ebc97f1642
commit
286d5870f7
1 changed files with 7 additions and 27 deletions
|
@ -18,37 +18,17 @@ body {
|
||||||
height: 100%
|
height: 100%
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes AnimationName {
|
|
||||||
0%{background-position:0% 50%}
|
|
||||||
50%{background-position:100% 50%}
|
|
||||||
100%{background-position:0% 50%}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-moz-keyframes AnimationName {
|
|
||||||
0%{background-position:0% 50%}
|
|
||||||
50%{background-position:100% 50%}
|
|
||||||
100%{background-position:0% 50%}
|
|
||||||
}
|
|
||||||
|
|
||||||
@-o-keyframes AnimationName {
|
|
||||||
0%{background-position:0% 50%}
|
|
||||||
50%{background-position:100% 50%}
|
|
||||||
100%{background-position:0% 50%}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes AnimationName {
|
@keyframes AnimationName {
|
||||||
0%{background-position:0% 50%}
|
0% { background-position: 0% 50%; }
|
||||||
50%{background-position:100% 50%}
|
50% { background-position: 100% 50%; }
|
||||||
100%{background-position:0% 50%}
|
100% { background-position: 0% 50%; }
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
height: 100%;
|
min-height: 100%;
|
||||||
background: linear-gradient(to left, #28282B, #353935);
|
background: linear-gradient(130deg, #28282B, #353935) no-repeat;
|
||||||
-webkit-animation: AnimationName 5s ease infinite;
|
background-size: 200% 200%;
|
||||||
-moz-animation: AnimationName 5s ease infinite;
|
animation: AnimationName 30s ease infinite;
|
||||||
-o-animation: AnimationName 5s ease infinite;
|
|
||||||
animation: AnimationName 5s ease infinite;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
Loading…
Add table
Reference in a new issue