Custom CSS Animations

  • 1
  • Question
  • Updated 4 years ago
  • Answered
Hi,

Is it possible to include CSS based animations into risevision transition set. What i meant to say was an in and out animation settings. Currently we can only animate placeholder, but if we want different animation settings for multiple items within place holder. Also taking example of an image transition, it can be given like bounce in effect for entry and bounce out effect during exit.

http://daneden.github.io/animate.css/

I found this useful link on web for risevision users.

regards,
Prakash
Photo of XMedia Dubai

XMedia Dubai

  • 2,786 Points 2k badge 2x thumb

Posted 4 years ago

  • 1
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
XMedia Dubai,

The only way to add these custom transitions at the moment would be through the web page widget, which I'm not sure would work as you would wish. Currently there isn't an option for users to add their own transitions.
Photo of mlm

mlm, Official Rep

  • 4,624 Points 4k badge 2x thumb
As Blake indicated there is not a way to replace the standard transitions within the platform with custom ones.
 
However you can always build your html content outside of the platform in the html editor of your choice and use the animate.css library. Then you can add your html page using the web page widget within a placeholder or add as a url to a schedule.

Here is an example of a template that was built in a html editor and uses animate.css for transitions. Feel free to fork and modify it on github.
http://rise-vision.github.io/content-hospital/
If you are interested in similar html templates please follow our community here where we regularly post them: https://plus.google.com/u/0/communities/118132287330759775985
(Edited)
Photo of XMedia Dubai

XMedia Dubai

  • 2,786 Points 2k badge 2x thumb
thanks mlm