[]
CSS Background (iki resim kullanma)
bugün çok kafa yorabilirim kusura bakmayın.
sorum şu: css'te tek bir div'e çift resim kullanabiliyor muyuz?
yapmak istediğimse şu: top.png ve down.png isimli 2 resim yapıcam, bunlar biraz gölge efekti gibi şeyler.
div'in en altına background: url(resim/down.png) repeat-x bottom;
üstüne ise background: url(resim/top.png) repeat-x top;
şeklinde bu resimleri koyacağım, kendi çapımda hafif bir gölge efekti yaratacağım. ancak ikisini birlikte bu şekilde kullanamıyoruz. öyleyse nasıl kullanabiliriz?
edit: tek bir resimde hem alt hem üst gölge verebilirim. ancak div'imin uzunluğu değişken olduğu için bu yöntem pek işime yaramaz.
sorum şu: css'te tek bir div'e çift resim kullanabiliyor muyuz?
yapmak istediğimse şu: top.png ve down.png isimli 2 resim yapıcam, bunlar biraz gölge efekti gibi şeyler.
div'in en altına background: url(resim/down.png) repeat-x bottom;
üstüne ise background: url(resim/top.png) repeat-x top;
şeklinde bu resimleri koyacağım, kendi çapımda hafif bir gölge efekti yaratacağım. ancak ikisini birlikte bu şekilde kullanamıyoruz. öyleyse nasıl kullanabiliriz?
edit: tek bir resimde hem alt hem üst gölge verebilirim. ancak div'imin uzunluğu değişken olduğu için bu yöntem pek işime yaramaz.
üzerine geldiğinde mi ikinci resime geçecek hover şeklinde , aynı anda bir div formuna iki resim birden veremezsin ancak diyelim ki id ise
#sc {
background: url(resim);
}
#sc: hover: urk (resim);
falan yapabilirsin :/
#sc {
background: url(resim);
}
#sc: hover: urk (resim);
falan yapabilirsin :/
- SemihCebrail (28.10.12 10:10:54)
background-image: url(sheep.png), url(betweengrassandsky.png);
background-position: center bottom, left top;
background-repeat: no-repeat;
css3 bu.
background-position: center bottom, left top;
background-repeat: no-repeat;
css3 bu.
- serafettinn (28.10.12 10:20:22)
1