Bootstrap'taki buton efekti
Merhabalar ben Bootstrap
kullanmadan buton yapmak istiyorum. Bootstrap'takine benzer ama CDN kullanmadan kendim yapmak istiyorum.
NASIL YAPABİLİRİM!!
Merhaba @Anomin
;
İşte burada bahsettiğin butonun HTML ve CSS kodları var!
HTML için:
<button class="btn-primary">BTN</button>
CSS için:
.btn-primary {
margin: 10px;
font-size: 28px;
width: 100px;
height: 50px;
padding: 5px;
background: #0055ff;
color: #fff;
outline: none;
border-radius: 4px;
border: 1px solid transparent;
transition: 0.5s;
}
.btn-primary:hover {
background: #0055dd;
color: #fff;
transition: 0.5s;
}
.btn-primary:focus {
box-shadow: 0 0 0 5px rgba(0, 85, 255, 0.5)
}
Sonucu görmek için buraya tıklayabilirsin