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: Dante
• January 29, 2016 at 8:12 pm #244954
  Zeynep

  Member

  Post count: 8

  Hi,

  I would like to make the transition slower on the icon box type animated.
  What code should I insert for that ?

  For the moment I have the simple code for the box : [sf_iconbox image=”fa-rocket” type=”animated” color=”standard” title=”Vous êtes sûr de gagner du temps” animation=”none” animation_delay=””]

  Thanks a lot,
  Zeynep

  February 1, 2016 at 7:33 pm #245491
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Testing adding this code to your CSS:

  .sf-icon-box-animated .inner {
      -webkit-transition: all 2000ms cubic-bezier(0.175,0.885,0.320,1.275)!important;
      -moz-transition: all 2000ms cubic-bezier(0.175,0.885,0.320,1.275) !important;
      -o-transition: all 2000ms cubic-bezier(0.175,0.885,0.320,1.275)!important;
      transition: all 2000ms cubic-bezier(0.175,0.885,0.320,1.275)!important;
  }

  To slow down or speed up, you can change the 2000 value on each line – I have set that to so you can see the difference.

  Thanks.

  February 9, 2016 at 2:03 pm #247580
  Zeynep

  Member

  Post count: 8

  Thanks, it’s perfect !

  February 10, 2016 at 2:29 pm #247940
  David Martin – Support

  Moderator

  Post count: 20834

  No problem

  Thanks.

• Back to forum

  Posted in: Dante