How to get a semi-transparent background with the context of that element opaque using CSS?
There are lots of situations when we need the background of an HTML element semi-transparent. But the context of that element should be opaque. For example, we can use this concept at CSS logo design like the below image.