Slow Pan Zoom *Help*

• 

  befound360 · Member · Nov 14, 2019 at 4:06 am

  • Copy link
  • Add topic to favorites

  Hi guys I’m pretty new to coding and found a slow pan zoom I found off another website I’m having trouble using for my header photos on each page. I have the code copied from the website, any help? I would like to specify the images I want to use for my images, i just dont know how to modify the code to it.

  background-image: url(/sites/g/files/jrulke166/files/styles/hero_image/public/2018-08/mac-social-speyside.jpg?itok=iDi44VoS);
  }

  .hero-item.zoom-in-on-load .hero-item__bg-image {
  -webkit-transition: .6s ease-out opacity,10s linear transform;
  transition: .6s ease-out opacity,10s linear transform;
  -webkit-animation: fadein 2s,zoomin 10s;
  animation: fadein 2s,zoomin 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  }
  .responsive-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  staff-blorbo · Staff · Nov 14, 2019 at 6:53 pm

  • Copy link

  What is the URL of the site you’re trying this on?