Calculator on Squarespace 7.0 & 7.1 website || jishaansinghal Video: https://youtu.be/zrN86OpUlK8 Contact Us: https://fiverr.com/s/8zBlpLr #calculator, #calculatoronsquarespace, #squarespace, #jishaansinghal,#css,#html,#js,#jquery,#squarespacewebsite,#customcode

Image
Calculator on Squarespace 7.0 & 7.1 website || jishaansinghal Video: https://youtu.be/zrN86OpUlK8 Contact Us: https://fiverr.com/s/8zBlpLr #calculator , #calculatoronsquarespace , #squarespace , #jishaansinghal , #css , #html , #js , #jquery , #squarespacewebsite , #customcode

In this video, I'm going to show you how to style an awesome button using HTML and CSS

In this video, I'm going to show you how to style an awesome button using HTML and CSS




This is the code

**************************************************************************

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Document</title>

  <style>


body{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  background: linear-gradient(pink,blue);

}

.btn{

  border: 1ps dashed #000;

  background: rebeccapurple;

  color: #fff;

  padding: 10px 20px;

  border-radius: 50px;

  transition: .3s ease-in-out;


}

.btn:hover{

   border-radius: 0px;

   color: rebeccapurple;

   background: #fff;

}


</style>

</head>

<body>

  <div class="btn">Hover Me</div>

</body>

</html>

**************************************************************************



Keywords:how to Change the Color On the Hover Header button . Text issues squarespace,how to fix text issues in squarespace,fixing the text in squarespace,squarespace text block,text block squarespace,squarespace text editor,squarespace,how to use Squarespace,squarespace tutorial,squarespace tutorial for beginners,how to use Squarespace 2018,how to add text squarespace,text spacing issue squarespace,Solopreneur Sidekick #squarespace #squarespacecss # #squarespacehackhowto #customizesquarespace #css #squarespacetrickss #2021 #2020#2022,squarespacewebsitedesign,squarespace,css,jishaansinghal,designer,jquery,squarespacewebsite,customcss,design,announcementbar,squarespacewebsitedesigner,animated,html,fiverr,codecheatsheet,#faq



"JISHAANSINGHAL"



Comments

Popular posts from this blog

how to add a button as a circle button on the Squarespace by jishaansinghal

How to add Vector Scrolling GSAP animation Effects on your Squarespace Website in 2022 with full source code by jishaansinghal

How to install and use owl carousel mousewheel animation slider with full source code by jishaansinghal 2022