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

    Fullscreen images with animation – is that posible?
    Or ican you animate a background image?
    I would like a to make a fullcreen image parallax like the column animation options allow.
    thanks
    Nancy

    • This topic was modified 5 months, 3 weeks ago by Munford.
    #1447176

    Hey Munford,
    Thank you for your patience and the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @keyframes wave {
        2% {
            transform: translateY(1);
        }
    
        25% {
            transform: translateY(-5%);
        }
    
        50% {
            transform: translateY(-10%);
        }
    
        75% {
            transform: translateY(-5%);
        }
    
        100% {
            transform: translateY(1);
        }
    }
    .avia-section.av-19x7zc-ab627dc65dd0d1430ae6e174e413abaa .av-parallax .av-parallax-inner {
        animation: wave 10s -3s linear infinite;
        transform: translate3d(0, 0, 0);
    }

    it will move the background blue wave image up and down slightly.

    Best regards,
    Mike

    #1447602

    Thanks –
    Is there a way to add that to the other pages as well?

    #1447607

    Hi,
    Please link to the pages that you want this added to, is it all pages?

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.