Try (and fail) to add an animation
This commit is contained in:
parent
779875c3cb
commit
89b1c593e7
1 changed files with 29 additions and 0 deletions
|
@ -18,9 +18,37 @@ 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%}
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
@ -41,3 +69,4 @@ button {
|
|||
.image {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue