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%
|
||||
}
|
||||
|
||||
@-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 {
|
||||
0%{background-position:0% 50%}
|
||||
50%{background-position:100% 50%}
|
||||
100%{background-position:0% 50%}
|
||||
0% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
100% { background-position: 0% 50%; }
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
background: linear-gradient(to left, #28282B, #353935);
|
||||
-webkit-animation: AnimationName 5s ease infinite;
|
||||
-moz-animation: AnimationName 5s ease infinite;
|
||||
-o-animation: AnimationName 5s ease infinite;
|
||||
animation: AnimationName 5s ease infinite;
|
||||
min-height: 100%;
|
||||
background: linear-gradient(130deg, #28282B, #353935) no-repeat;
|
||||
background-size: 200% 200%;
|
||||
animation: AnimationName 30s ease infinite;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
Loading…
Add table
Reference in a new issue