Solved
How to add css animations in thingworx mashups
How to add animations to widgets in mashup such as a slide in slide out
How to add animations to widgets in mashup such as a slide in slide out
Hi,
Below added slide in and color change effect to my label widget.
I only needed to set "g" as a CustomClass name of my label widget to apply the animation to the widget.
CustomClass is bindable both in and out, so you can use it and apply the CustomClass at will.
@keyframes slidingIn {
0% {
background-color: red;
transform: translateX(50px);
}
100% {
background-color: orange;
transform: translateX(0px);
}
}
.g{
animation: slidingIn 5s;
}No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.