If you’re viewing this blog post on my homepage or a category page, you’ll notice the blog post excerpt uses a fade out text feature.  The featured post image displays what this looks like.  I noticed this feature on another site and after digging through their source code of their page, realized they were using the Divi theme for their WordPress based website.

At the time of this writing, I use the Avada theme for my WordPress site.  Avada and Divi are rival products.   After examining the css and html of some Divi sites that use this fade option, I reworked and integrated it into my site.

Look carefully at the image below and see how I used the code to make this work here.  There are some variables you will have to play with based on your excerpt lengths and widths.  Have fun!