Problem with animation in about

Hi,

when I change something (even a word) in a module about, it loses the animation effect.

The same problem happens when I install the jce editor.

I have attached to you two screen to see the issue.

Hi,
yes we know about it. That's why I suggest to use NoEditor or MirrorCode editor for editing this module!!

All editors like TinyMCE and JCE have options to clean unknown code.

p.s.
Please read this topic --> https://www.gavick.com/forums/creative/ ... 29300.html

Thank you for your reply.

I will not use any external editor but I need to do it what I have to do in order not to have any conflict?

Thank you.

There should not be any conflicts - the problem is cleared code of animation.

1) We use The <figure> element --> read: http://html5doctor.com/the-figure-figcaption-elements/
2) We use "animate_queue" class which is connected with CSS3 animations

Code: Select all

/* Team - animation */
.gkTeam figure.animate_queue_element {
   opacity: 0; filter: alpha(opacity=0);
   position: relative;
   top: 100px;
   -webkit-transform: scale(0.75);
   -moz-transform: scale(0.75);
   -ms-transform: scale(0.75);
   -o-transform: scale(0.75);
   transform: scale(0.75);
   -webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
   -ms-transition: all .4s ease-out;
   -o-transition: all .4s ease-out;
   transition: all .4s ease-out;
}

.gkTeam figure.animate_queue_element.loaded {
   opacity: 1; filter: alpha(opacity=100);
   top: 0;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}

/* Portfolio - animation */
.gkNspPM-Portfolio .animate_queue_element {
   opacity: 0; filter: alpha(opacity=0);
   position: relative;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all .4s ease-out!important;
   -moz-transition: all .4s ease-out!important;
   -ms-transition: all .4s ease-out!important;
   -o-transition: all .4s ease-out!important;
   transition: all .4s ease-out!important;   
}

.gkNspPM-Portfolio .animate_queue_element.loaded {
   opacity: 1; filter: alpha(opacity=100);
   top: 0;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
}