Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #239702

    I wanted to speed up the transformation of icon lists. I can only seem to speed up the the transformations of individual icons though. Here’s what I have so far:

    .avia_transform .avia-icon-list .iconlist_icon{
    opacity: 0.1;
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    -ms-transform:scale(0.5);
    transform:scale(0.5);
    }

    .avia_transform .iconlist-timeline{
    height: 0%;
    }

    .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon{
    -webkit-animation: avia_appear 0.1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation: avia_appear 0.1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    animation: avia_appear 0.1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    }

    .avia_transform .avia-icon-list .avia_start_animation .iconlist-timeline{
    -webkit-animation: avia_slide_down 0.1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation: avia_slide_down 0.1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    animation: avia_slide_down 0.1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    height: 100%;

    }

    #239894

    Hey tlow87!

    Please add this on your custom.css or Quick CSS:

    .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon{
    -webkit-animation: avia_appear .1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
    -moz-animation:    avia_appear .1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
    animation:         avia_appear .1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
    opacity: 1;
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    }

    You can change .1s sec if you want to make it slower.

    Cheers!
    Ismael

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