Awesome CSS Effect For Blog Post Title

The following script is shared from Lord Html

Steps To Add Awesome Hover CSS effect for blogger post Title

For Demo 

• Go To Blogger Dashboard.
• Click on Template Tab.
• Now Click On Customize Button.
• Click On Advance Link.
• Now Scroll Down And Find Add Css And There Paste below Code And Save It.

.post-title
{
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:300px;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
transition:width 3s;
width:500px;-moz-transition:width 3s; /* Firefox 4 */
-webkit-transition:width 3s; /* Safari and Chrome */
-o-transition:width 3s; /* Opera */
}
.post-title:hover
{
width:600px;background:#FAFAFA;
}

EDIT : Increase width or decrease width then just edit the code I highlighted with red color.