Home Forums WoodMart support forum I want to play only the background image. However, the box in the middle is also

I want to play only the background image. However, the box in the middle is also

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #513669

    dh.pasan
    Participant

    • I want to play only the background image. However, the box in the middle is also animated.

    • I will provide the link to the video section that demonstrates how I want to animate that section.

    Video link: https://drive.google.com/file/d/10MWfj4GRGLZ1QjOQERkR-behEk1Q6hWl/view?usp=sharing

    Website link: https://test3.prestigegemsstore.com/

    This is the animation code.

    .pim {
    animation: scale 30s linear infinite;
    }

    @keyframes scale {
    50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    }
    }

    #514412

    Luke Nielsen
    Keymaster

    Hello,

    I apologize for the delay.

    Try to use the below code:

    .promo-banner .main-wrapp-img {
        animation: scale 30s linear infinite;
    }

    Result: https://gyazo.com/30361835f36ba219f16fba06f5cc09cd

    Kind Regards

    #515727

    dh.pasan
    Participant

    The animation is working perfectly, but the animation plays in every promo banner. I want it to play in only one promo banner.

    #515743

    Luke Nielsen
    Keymaster

    Hello,

    In this case, I suggest you add the custom CSS class to the promo banner in which the above code will work. https://take.ms/U6Z0J

    Here is an example: https://take.ms/OWFDZ

    .animated-banner .promo-banner .main-wrapp-img {
        animation: scale 30s linear infinite;
    }

    Kind Regards

Viewing 4 posts - 1 through 4 (of 4 total)