Css3 border-image 5 alanı doldurma

  • 6 Ekim 2014
  • 4 Okunma
  • Yorum Yok
  • 2 DK

Merhabalar arkadaşlar bugün sizlere css3 de gelen border images de 5 yani orta alanı doldurmayı göstericem. Geçen bir proje için menülerin hover aşağıdaki örnek gibi yan bir görüntüde olması gerekiyordu. Görüntüyü verebilmek için bir kaç yöntem var ama ben en kısa yolunu buldum sizlere de göstermek istiyorum.

İlk önce border images den bahsedeyim biraz.

Yukarıdaki resimde normal bir divi bölümlenmiş halini görüyorsunuz biz köşeleri tam olarak resim ile doldurabiliyoruz ama 5. bölüm yani tam ortası boş kalıyor orta kısmıda renklendirmek için css de birazcık düzenleme yaptım.

aşağıda örnek var kodlara bakarak

KAYNAK : http://www.w3schools.com/cssref/css3_pr_border-image.asp
SERVİS : http://border-image.com/

HAYATI KODLA'YA ABONE OLUN!!
ETKİLEYİCİ BİR YORUM BIRAK

Css3 border-image 5 alanı doldurma İle Benzer Yazılar

"Css3 border-image 5 alanı doldurma" Yazısına uygun diğer makalerler

Css3 border-image 5 alanı doldurma
Youtube, İnternetsiz video izlettirecek
Youtube, İnternetsiz video izlettirecek
Css3 border-image 5 alanı doldurma
Youtube videolarınızı gife çevirin
Youtube videolarınızı gife çevirin
Css3 border-image 5 alanı doldurma
Youtube de html5 e geçin.
Youtube de html5 e geçin.