Background Patch just for fun
This commit is contained in:
parent
33cff41319
commit
f648613394
2 changed files with 35 additions and 1 deletions
|
@ -4,7 +4,7 @@
|
|||
<script src="jquery-3.2.1.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body class=body1>
|
||||
<div class="bild">
|
||||
<img src="schriftv2.png" class="cliff_logo">
|
||||
</div>
|
||||
|
|
34
style.css
34
style.css
|
@ -193,3 +193,37 @@ right: 125px;
|
|||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.body1{
|
||||
|
||||
background: linear-gradient(100deg, #595959, #000000, #b01a1a);
|
||||
background-size: 800% 800%;
|
||||
|
||||
|
||||
-webkit-animation: fade 33s ease infinite;
|
||||
-moz-animation: fade 33s ease infinite;
|
||||
-o-animation: fade 33s ease infinite;
|
||||
animation: fade 33s ease infinite;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade {
|
||||
0%{background-position:0% 33%}
|
||||
50%{background-position:100% 68%}
|
||||
100%{background-position:0% 33%}
|
||||
}
|
||||
@-moz-keyframes fade {
|
||||
0%{background-position:0% 33%}
|
||||
50%{background-position:100% 68%}
|
||||
100%{background-position:0% 33%}
|
||||
}
|
||||
@-o-keyframes fade {
|
||||
0%{background-position:0% 33%}
|
||||
50%{background-position:100% 68%}
|
||||
100%{background-position:0% 33%}
|
||||
}
|
||||
@keyframes fade {
|
||||
0%{background-position:0% 33%}
|
||||
50%{background-position:100% 68%}
|
||||
100%{background-position:0% 33%}
|
||||
}
|
||||
|
|
Reference in a new issue