gradient moving

master
Sandra 5 years ago
parent e102ec04ed
commit 15a46eb575

@ -3,6 +3,14 @@
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="muisje.js"></script>
<script>
$('body').ripples({
resolution: 512,
dropRadius: 20,
perturbance: 0.04,
});</script>
<style>
@ -31,6 +39,24 @@
}
body {
background: linear-gradient(to right, darkblue, black, black, black ,#6dc82a, black, black , darkblue);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

Loading…
Cancel
Save