5.6 C
New York
Monday, January 17, 2022

How to create Cloud animation on WordPress page banner

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

 

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Stay Connected

0FansLike
0FollowersFollow
0SubscribersSubscribe
- Advertisement -spot_img

Latest Articles