For a modern app experience, use of animations and lightweight graphics is essential. The following pages provide what you need in this area.
- CSS transforms
- CSS transitions
- CSS transitions let you animate changes to your CSS. Once a transition effect is configured, changes to your CSS occur over a period of time instead of instantaneously. This makes it possible to easily and efficiently create a wide variety of visual effects in your apps.
- CSS animations
- HTML canvas
<canvas>element provides a 2D graphics workspace for you to draw in. This has many uses, including 2D games.
- WebGL is a Web-friendly version of OpenGL ES that lets your app offer hardware-accelerated 3D graphics.
- Scalable Vector Graphics (SVG) is a technology that lets you draw graphics using vectors instead of bitmapped images. This is great for scalability, presenting diagrams and charts, and for high-quality, scalable user interfaces.