How to create Cloud animation on WordPress page banner.
Cloud Banner Animation Effect CSS
.clouds{
position: absolute;
width: 100vw !important;
top:0;
}
Cloud Banner Animation Custom Attribute
style|--i:1
Cloud Banner Animation CSS
.clouds{
/* animation
animation: animate calc(8s * var(--i)) linear infinite;
*/}
@keyframes animate{
0%{
transform:translateX(-100%);
}
100%{
transform:translateX(100%);
}
}
Download Cloud Images
