Bringing Web Pages to Life

CSS3 animations + JavaScript functions & scope

Part 1 — CSS3 Transitions & Animations

Hover and focus the controls to see transitions. Some elements run keyframed animations.

Animated Link

Part 2 — JavaScript Functions, Parameters & Return Values

This section wires reusable functions that compute durations, manage scope, and return values.

Part 3 — Combining CSS & JS

JavaScript toggles classes to start/stop CSS animations: a flip card, a modal, and a loader.

Front
Back