Add Text Shadow Effect in Blog Post Title on Mouse Hover

Add Text Shadow Effect in Blog Post Title on Mouse Hover By the Bless of CSS we can create enormous effects and decorate our Blog site. Formerly we were depended on images for Blog designing. But now by using CSS Blog developer able to create different design. In case of Google Blogger we see many widget developing by developer and most of the design can be create and moderate by CSS. In this tutorial I will show you a simple text design with Pure CSS that will add an effect on Blog post title. After applying this trick while a visitor click on Blog Post title then it will display a shadow of post title. And when user will release the mouse then shadow will disappear. This is really amazing. Every Blogger template has its own post title design but I have added another script for better looks of your Blog post title. Post title script is below- .post-title { color: h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover { color: #000; text-shadow: 2px 2px 5px #eee, 5px 5px 5px #707070; } Step 5hit theSavetemplatebutton. Now visit your Blog and mouse over on post title and see a shadow is appearing. This is looks amazing and your Blog visitors will love it. Actually the total tutorial is about creating a text shadow so thanks to CSS for helping to make this beautiful effect.