Generate lightweight pure CSS arrows and tooltips using border tricks.
CSS triangles take advantage of the way browser rendering engines join adjacent container borders at a diagonal miter angle. When an element has zero width and zero height, thick borders meet directly at the center, creating clean geometric triangles without SVG or images.