Here's your solution Arpit.

Firstly, assign the class "part-highlight" to whichever text you want to give the effect.

If you want to assign the effect to just part of a line of text, then you can use span tags with the same class.

Click to view larger.


					.part-highlight {
  background: linear-gradient(to top, green 20%, transparent 20%);

You can then play around with the colour (use RGBA if you want to mess around with opacity).

You can also play around with the percentages accordingly, as well as direction etc.