How to Create Beautiful Download And Demo button in Blogger

How to Create Beautiful Download And Demo button in Blogger God bless your time with all the best loved ones in God and welcome back to your...

How to Create Beautiful Download And Demo button in Blogger

God bless your time with all the best loved ones in God and welcome back to your TH3safelink blog

Today, we will learn how to install the CSS3 download button for blogger blogs neatly and in simple steps

Add the following ]]></b:skin> code above Insert CSS

.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 :
Now when you type a topic and want to add a download button click on the HTML Tab

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

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

Result