Called Safari Technology Demos, the page gathers together 8 demonstrations that combine a range of technologies:
-CSS effects including transforms, reflections, and image masks are applied to HTML5 video. Apple said this was implemented in a single line of code.
-CSS typographic capabilities such as shadows and customized Web fonts. Using styled text instead of images offers better download performance and is easily discovered by search engines.
-An interactive Web gallery combines 2D and 3D transforms CSS transitions.
-CSS3 transitions and animations are used in a Web-based slideshow.
-Similar to the 360 degree demo, the VR example shows an Apple Store in NYC to create a virtual 3D environment. CSS transforms position the images in 3D space.