ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• October 15, 2015 at 6:05 pm #221097
  Benjaminbradleycreative

  Member

  Post count: 3

  Hi,

  I’m developing offline so do not have a link. Inside the Swift page builder I have a row containing 3 images each at 1/3. When the image is hovered the caption is animated in from the left. Is there anyway to change this animation?

  Thanks.

  October 15, 2015 at 6:08 pm #221100
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you specify what kind of animation you want to apply to see if it’s possible or not to provide some css to achieve it?

  -Rui

  October 15, 2015 at 6:10 pm #221102
  Benjaminbradleycreative

  Member

  Post count: 3

  Hi Rui, I’d prefer the text to be in the centre and fade in and out with the overlay rather than in from the left.

  Cheers

  October 16, 2015 at 3:53 pm #221268
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please use this custom CSS:

  figure.animated-overlay figcaption .thumb-info h4 {
      -o-transform: translate3d(0,0,0);
      -moz-transform: translate3d(,0,0);
      -ms-transform: translate3d(0,0,0);
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
  }

  – David.

• Back to forum

  Posted in: Atelier