The following script is shared from Lord Html
Steps To Add Awesome Hover CSS effect for blogger post Title
For Demo
EDIT : Increase width or decrease width then just edit the code I highlighted with red color.
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.
Thanks for your valuable comment . i Hope you like it :)
ReplyDelete