Transition only for widget

[cekca]

Hi is possible to apply the transition only for some object like a widget...???

[Erwin van der Zwart]

Hi,

Yes you can (:

Use this custom css:

Code:

@-webkit-keyframes Zoom-In /* Safari and Chrome */
{
0%   {opacity:0; -webkit-transform: scale(0);}
50%  {-webkit-transform: scale(1);}
100% {opacity: 1;}
}

#widget-11{
-webkit-animation: Zoom-In 2s !important; /* Safari and Chrome */  
-moz-animation: Zoom-In 1s !important; /* Firefox*/    
}

BR,

Erwin

[cekca]

Thank you!!!

[DGrandes]

Hi,

I used this custom css to modify the transition of all the widet but it only do when I open the widget. Is there any way to do it when opening and closing?

.layer-widget{
-webkit-animation: Zoom-In-Widget 2s !important; /* Safari and Chrome*/
-moz-animation: Zoom-In-Widget 1s !important; /* Firefox*/
}

I have tried adding this code in java:

$(document.body).on("vclick", function() {

  $("#widget-112").removeClass("hide");  
  $("#widget-112").removeClass("ZoomIn");
  $("#widget-112").addClass("ZoomOut");    

   }  
});

This code close Widget-112 also when i click on the widget. "document.body" is wrong. How can I do it for all open widgets and only when i click out of the widget?

Thanks

[DGrandes]

Hi,

Yes you can (:

Use this custom css:

Code:

@-webkit-keyframes Zoom-In /* Safari and Chrome */
{
0%   {opacity:0; -webkit-transform: scale(0);}
50%  {-webkit-transform: scale(1);}
100% {opacity: 1;}
}

#widget-11{
-webkit-animation: Zoom-In 2s !important; /* Safari and Chrome */  
-moz-animation: Zoom-In 1s !important; /* Firefox*/    
}

BR,

Erwin

Hi,

Is there any way to do the same in both direction (Zoom-in and Zoom-out)?

Thanks