This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

Transition only for widget
#1
Hi is possible to apply the transition only for some object like a widget...???
Reply
#2
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
Reply
#3
Thank you!!!
Reply
#4
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
Reply
#5
(17.03.2017, 10:44)Erwin van der Zwart Wrote: 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
Reply


Forum Jump: