How to create a video camera-like overlay with HTML & CSS

The typical video camera overlay can be a great way to indicate to users that something is being recorded. In this post I describe the steps to create an overlay ,including framerate, resolution and duration, with pure HTML and CSS.