Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Design creates culture. Culture shapes values. Values determine the future.
.animated-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: radial-gradient(circle at 30% 30%, #3fefef, transparent 50%),
radial-gradient(circle at 70% 70%, #8cff8c, transparent 50%),
radial-gradient(circle at 50% 50%, #3f3fff, transparent 50%);
animation: moveGradient 15s ease infinite;
background-size: 200% 200%;
filter: blur(100px);
}
@keyframes moveGradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
