Home

How to Create Download And Demo button in Blogger

Create Download Button with beautiful CSS hover for Blogspot

How to Create Download And Demo button in Blogger
How to Create Download And Demo button in Blogger

How to Create Download And Demo button in Blogger


1. Insert CSS first   ]]></b:skin>

.bsw-btn{border:2px solid;overflow:hidden;position:relative;padding:10px;display:inline-block;width:200px;text-align:center;text-decoration:none!important;text-transform:uppercase;font:500 15px Roboto;margin:10px 0}
.bsw-btn:hover{letter-spacing:2px}
.bsw-btn:after{opacity:.4;background:#4267b2;content:"";height:155px;left:-75px;opacity:2;position:absolute;top:-50px;transform:rotate(35deg);transition:all 1s cubic-bezier(0.19,1,0.22,1);width:100px;z-index:100}
.bsw-btn:hover:after{opacity:1;left:120%;-webkit-transition:all 1s cubic-bezier(0.19,1,0.22,1);transition:all 1s cubic-bezier(0.19,1,0.22,1)}


How to use :

<center><a class='bsw-btn bsw_btn' href='https://t.thugsofbd.com' target='blank'title='Download'>Download</a></center>

<center><a class='bsw-btn bsw_btn' href='https://b.thugsofbd.com' target='blank'title='Demo'>Demo</a></center>




Newer post Older post

RELATED ARTICLES