ile kodlanmıştır.
CSS Dersleri ile ilgili yazı dizisine devam ediyoruz arkadaşlar. Bugün ise sadece CSS kullanarak iki farklı renk içeren bir kenarlık (border) nasıl yapılıyor, bu konuyu öğreniyor olacağız. Bu şekilde sitenize farklı ve özgün görünümler elde edebilmek için iki farklı renk içeren kenarlıklar (çubuklar) ekleyebilirsiniz. Yapılması gereken ise çok basit, aşağıdaki kodları, renk kodlarını dilerseniz değiştirerek, ilgili div içerisine eklemenizdir. Böylelikle siz de iki renkli kenarlık elde edeceksiniz.
.ikirenklikenarlik{
border: 5px solid transparent!important;
border-image: linear-gradient(to right, #EF6950 0%, #EF6950 50%, #444444 50%, #444444 100%)!important;
border-image-slice: 1!important;
}
Örnek Görünüm
Yorum bulunmamaktadır.