1
I’m trying to draw a button. I want a background similar to the image below. I started using the border-Radius property, but without success.
[css]
.btn-criar{
height: 50%;
min-width: 60px;
max-width: 100px;
width: 80px;
background-color: gray;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
border-style: solid;
border-color: blue;
border-width: 3px;
border-radius: 50%;
}
[HTML]
<div class="row btn-criar">
<div class="col-md-6">
<div class="row">
<i class="btn-icon-criar fa fa-plus" aria-hidden="true"></i>
</div>
</div>
<div class="col-md-6">
<div class="row">
<span class="btn-texto-criar">Criar</span>
</div>
</div>
</div>
Can you help me?
Edith your question and add the code you tried, so it will be easier for someone to help you.
– sant0will
@sant0will thanks for the tip. Done :)
– Pedro Correia
I think you can add <span>’s inside the button to position them where you want and customize your layouts independently.
– Edson de Senna