SECTION A
Program No.1: Program to Design LOG IN Form in Html.
Login Page
Student Login Form
Program No.2: Program for Creating animation of “Bouncing Cloud” using HTML and CSS.
Bouncing cloud
Program No.3: Program to demonstrate a keyframe animation.
MULTIMEDIA AND ANIMATION
Program No.4: Program to demonstrate A Font style, font weight and font size properties using CSS.
the font property
Multi Media
Animation
OUTPUT:
Program No.5: Program to demonstrate multiple animations.
MULTIPLE ANIMATION
note: when animation is finished, it goes back to its original style.
Program No.7: Program to Demonstrate Longhand properties in CSS.
Welcome To Multimedia And Animation
Program No.8: Program to Demonstrate shorthand properties in CSS.
Welcome to Multimedia and Animation
Program No.9: Program to Demonstrate animation in reverse direction or alternate cycles.
CSS |animation-direction Property
Multimedia And Animation
animation-direction property
Animation ....
OUTPUT:
Program No.10: Write JavaScript Program to show light ON/OFF Demo.
LIGHT ON AND OFF
Light ON And OFF
OUTPUT:
SECTION B
Program No.1: Program to Demonstrate SVG (Scalable Vector Graphics) Circle.
Welcome To Multimedia And Animation
OUTPUT:
Program No.2: Program to Demonstrate SVG (Scalable Vector Graphics) Ellipse.
SVG Ellipse
Sample SVG Ellipse Image
OUTPUT:
Program No.3: Program to Demonstrate SVG (Scalable Vector Graphics) Star.
SVG
SVG STAR
OUTPUT:
Program No.4: Program to demonstrate “StrokeText()” method using HTML Canvas.
OUTPUT:
Program No.5: Program to demonstrate BezierCurveTo() method using HTML canvas.
OUTPUT:
Program No.6: Program to demonstrate different line patterns with different colors using Canvas.
Program No.7: Program to Demonstrate Gradients using HTML canvas.
Gradient
Program No.8: Program Demonstrate Text Shadows using HTML Canvas.
Multimedia And Animation
Program No.9: Program to Demonstrate Source-over, Source-in, Source-out Properties for composition using HTML Canvas.
Page 43
Program No.10: Program to create rectangle and animate increase and decrease the size of rectangle.
OUTPUT:
