-
Posts
-
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%;}
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
- You must be logged in to reply to this topic.