CSS PLAY
Doing It With Style
Triceratops (/traɪˈsɛrətɒps/ try-SERR-ə-tops; lit. 'three-horned face') is a genus of herbivorous chasmosaurine ceratopsid dinosaur that first appeared during the late Maastrichtian stage of the Late Cretaceous period, about 68 million years ago in what is now North America. It is one of the last-known non-avian dinosaur genera, and became extinct in the Cretaceous–Paleogene extinction event 66 million years ago. The name Triceratops, which literally means 'three-horned face', is derived from the Greek words trí- (τρί-) meaning 'three', kéras (κέρας) meaning 'horn', and ṓps (ὤψ) meaning 'face'.
Using ::view-transition to give the impression of animation between pages. See What's new in view transitions? (Google I/O 2024 update) for more information.
This is the Triceratops information page.
Click/tap the 'Back to dinosaurs' link to return to the 'Dinosaurs index' page with a reverse animation.
All this is done using fairly simple CSS styles.