Linux Today: Linux News On Internet Time.

More on LinuxToday

Web animation using CSS and JavaScript

Sep 27, 2016, 19:00 (0 Talkback[s])
(Other stories by Opensource.com)


Desktop-as-a-Service Designed for Any Cloud ? Nutanix Frame

With CSS, we use animation, transition, and transform properties as parameters. When using animation property, the keyframe property must be used to divide the animation into small pieces. Then we apply necessary transition or transform properties to each piece.

With JavaScript and jQuery, we use the animate() function and apply transformation and transition properties. Other functions are available in jQuery, which we can use directly: they are fadein(), fadeout(), slidedown(), slideup(), as well as the show() and hide() function for adding little delay, which will help to achieve animation.

Complete Story