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%
|
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 {
|
html {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: linear-gradient(to left, #28282B, #353935);
|
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 {
|
h1 {
|
||||||
|
@ -41,3 +69,4 @@ button {
|
||||||
.image {
|
.image {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue