Buradaki gibi bir resim verdim ve arkasında gölge gibi bir şey(resimde ki gibi) çıktı. Onu CSS'te nasıl yapabilirim
CSS'te bunu nasıl yapabilirim |
3 Mesajlar | 676 Okunma | ||
- Üyelik 22.07.2013
- Yaş/Cinsiyet 25 / E
- Meslek EEM Öğrencisi
- Konum İstanbul Avrupa
- Ad Soyad O** K**
- Mesajlar 510
- Beğeniler 207 / 112
- Ticaret 2, (%100)
Bir tasarımın css aktarımını yapıyorum ama bu konuda kafam takıldı.
Buradaki gibi bir resim verdim ve arkasında gölge gibi bir şey(resimde ki gibi) çıktı. Onu CSS'te nasıl yapabilirim
Buradaki gibi bir resim verdim ve arkasında gölge gibi bir şey(resimde ki gibi) çıktı. Onu CSS'te nasıl yapabilirim
http://onurkinay.com.tr
- Üyelik 17.04.2012
- Yaş/Cinsiyet 45 / E
- Meslek arama motoru optimizasyonu
- Konum Antalya
- Ad Soyad K** A**
- Mesajlar 163
- Beğeniler 11 / 19
- Ticaret 1, (%100)
box shadow css diye arat hafiften de rotate yapılmış.
http://css3gen.com/box-shadow/
bunu örnek olarak alabilirsiniz.
http://css3gen.com/box-shadow/
bunu örnek olarak alabilirsiniz.
r10 - kenanagkurt | EmirWebTasarim.com
- Üyelik 03.02.2014
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad B** G**
- Mesajlar 1097
- Beğeniler 2 / 208
- Ticaret 1, (%100)
.kutu {
yükseklik x
genişlik x
background: #db5436;
border-radius: 12px;
-ms-transform: rotate(-3deg); /* IE 9 */
-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
transform: rotate(-3deg);
-webkit-box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 0.55);
box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 0.55);
}
.kutu img {
yükseklik x
genişlik x
border-radius: 12px;
}
yükseklik x
genişlik x
background: #db5436;
border-radius: 12px;
-ms-transform: rotate(-3deg); /* IE 9 */
-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
transform: rotate(-3deg);
-webkit-box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 0.55);
box-shadow: 2px 2px 13px 0px rgba(50, 50, 50, 0.55);
}
.kutu img {
yükseklik x
genişlik x
border-radius: 12px;
}
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)