51 lines
1.3 KiB
HTML
51 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>FX | RGB</title>
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
-webkit-animation: background 300s cubic-bezier(1,0,0,1) infinite;
|
|
animation: background 300s cubic-bezier(1,0,0,1) infinite;
|
|
}
|
|
|
|
|
|
@-webkit-keyframes background {
|
|
0% { background-color: #0000FF; }
|
|
8% { background-color: #7F00FF; }
|
|
16% { background-color: #FF00FF; }
|
|
24% { background-color: #FF007F; }
|
|
33% { background-color: #FF0000; }
|
|
41% { background-color: #FF7F00; }
|
|
49% { background-color: #FFFF00; }
|
|
58% { background-color: #7FFF00; }
|
|
67% { background-color: #00FF00; }
|
|
75% { background-color: #00FF7F; }
|
|
83% { background-color: #00FFFF; }
|
|
91% { background-color: #007FFF; }
|
|
100% { background-color: #0000FF; }
|
|
}
|
|
|
|
@keyframes background {
|
|
0% { background-color: #0000FF; }
|
|
8% { background-color: #7F00FF; }
|
|
16% { background-color: #FF00FF; }
|
|
24% { background-color: #FF007F; }
|
|
33% { background-color: #FF0000; }
|
|
41% { background-color: #FF7F00; }
|
|
49% { background-color: #FFFF00; }
|
|
58% { background-color: #7FFF00; }
|
|
67% { background-color: #00FF00; }
|
|
75% { background-color: #00FF7F; }
|
|
83% { background-color: #00FFFF; }
|
|
91% { background-color: #007FFF; }
|
|
100% { background-color: #0000FF; }
|
|
}
|
|
</style>
|
|
</head>
|
|
</html>
|