Circle bubble with CSS and HTML5 – part 001.

This is a simple example of circle bubble with CSS and HTML 5.
It is a circle with a blue color that raise similar to where on the surface of a liquid.
The visual effect is very pleasant and the source code is simple.
You need to create a index.html file with this source code:

The next step is to make a style.css file in same folder with the HTML 5 file.
The source code of this file is this:

The result of this example can be see on my codepen example here .