Renkli Yayın İçi Satır Çizgisi Kodu

Bazı durumlarda tasarımlarda kullanılabilecek renk geçiş efektli satır çizgisi kodu.


<style>
.wrap {
margin: 0 auto;
max-width: 100%;
}
hr {
border: none;
height: 10px;
width: 100%;
background: -webkit-linear-gradient(left, #FF0000, #0018FF);
}
</style>
<br />
<div class="wrap">
<hr />
</div>



height: 10px; Çiginin yüksekliği
#FF0000 : Başlangıç rengi
#0018FF : Bitiş rengi



Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.

CANLI DEMO SAYFASI


0 yorum: