EV Process – Slow animation?

  • Hello-

    I was wondering if there was a way to slow the animation a bit? I cannot find any that I see.

    Thank you so much.

Viewing 1 replies (of 1 total)
  • Plugin Author Nenad Obradovic

    (@nenad-obradovic)

    Hi nketola,

    Try to use this custom css code below for that case

    .evc-process .evc-p-mark-horizontal .evc-p-line {
    -webkit-transition: width .6s ease .15s;
    -moz-transition: width .6s ease .15s;
    transition: width .6s ease .15s;
    }

    .evc-process .evc-p-circle {
    -webkit-transition: -webkit-transform .4s ease,opacity .3s ease;
    -moz-transition: -moz-transform .4s ease,opacity .3s ease;
    transition: transform .4s ease,opacity .3s ease;
    }

    .evc-process .evc-p-mark:nth-child(2) .evc-p-line {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s;
    }

    .evc-process .evc-p-mark:nth-child(2) .evc-p-circle {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s;
    }

    .evc-process .evc-p-mark:nth-child(3) .evc-p-line {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    transition-delay: 1.8s;
    }

    .evc-process .evc-p-mark:nth-child(3) .evc-p-circle {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
    }

    .evc-process .evc-p-mark:nth-child(4) .evc-p-line {
    -webkit-transition-delay: 2.7s;
    -moz-transition-delay: 2.7s;
    transition-delay: 2.7s;
    }

    .evc-process .evc-p-mark:nth-child(4) .evc-p-circle {
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    transition-delay: 2.1s;
    }

    Best regards,
    Nenad

Viewing 1 replies (of 1 total)
  • The topic ‘EV Process – Slow animation?’ is closed to new replies.

Tags