Animation Portfolio by Christina Restauri

Main Content

jAVASCRIPT ANIMATIONS By Christina Restauri

JavaScript animations are done by changing the HTML elements gradually. Using a timing method in small intervals makes animation look continuous.

Using JavaScript to change HTML elements like hovering over a mouse or clicking can turn any event into an animation.

HERE ARE SOME ANIMATIONS USING JAVASCRIPT

Vector Animation Example

Vector animation is graphic art or motion controlled by vectors rather than pixels. Vector animations allow the vector graphic image to stretch in different manners as it moves between a timeline view.

Animated Greeting Card

Link directly above to an example and tutorial of how to make an animated Christmas greeting card with Adobe Animate CC.

CSS3

CSS3 allows more flexibility with page layout and presentation. It allows visual effects to be applied without the need for creating special images. CSS3 includes gradients, transitions or animations, rounded corners, multi-columns, and flexible box or grid layouts.

JavaScript

Using JavaScript HTML animations can be created. Javascript animations are preformed by programming gradual changes in an element's style called by a timer. JavaScript can manipulate and change all the elements of an HTML document.