resimdeki gibi bir div nasıl oluşturabilirim yani sağ tarafı yarısı kesik şeklinde
Teşekkürler.
CSS ile böyle bir şey nasıl yapılır |
3 Mesajlar | 619 Okunma | ||
- Üyelik 27.06.2016
- Yaş/Cinsiyet 29 / E
- Meslek Öprenci
- Konum İstanbul Anadolu
- Ad Soyad B** K**
- Mesajlar 12
- Beğeniler 1 / 4
- Ticaret 0, (%0)
Merhaba;
resimdeki gibi bir div nasıl oluşturabilirim yani sağ tarafı yarısı kesik şeklinde
Teşekkürler.
resimdeki gibi bir div nasıl oluşturabilirim yani sağ tarafı yarısı kesik şeklinde
Teşekkürler.
- Üyelik 02.06.2016
- Yaş/Cinsiyet 52 / E
- Meslek Internet ve Medya
- Konum Almanya
- Ad Soyad A** A**
- Mesajlar 766
- Beğeniler 93 / 185
- Ticaret 2, (%100)
Bu sekil:
div {
height: 80px;
background: red;
position: relative;
}
div:before {
content: '';
position: absolute;
top: 0; right: 0;
border-top: 80px solid red;
border-right: 80px solid white;
width: 0;
}
Ek Olarak: Burda olusturdum outputu görmeniz icin:
https://jsfiddle.net/f7jttfgm/
div {
height: 80px;
background: red;
position: relative;
}
div:before {
content: '';
position: absolute;
top: 0; right: 0;
border-top: 80px solid red;
border-right: 80px solid white;
width: 0;
}
Ek Olarak: Burda olusturdum outputu görmeniz icin:
https://jsfiddle.net/f7jttfgm/
Türk İş Dünyasının Buluştuğu Platform : turk5.com
- Üyelik 05.03.2016
- Yaş/Cinsiyet 36 / E
- Meslek Birtekno'loji Sahibi
- Konum Çorum
- Ad Soyad M** B**
- Mesajlar 1077
- Beğeniler 31 / 186
- Ticaret 5, (%100)
DTT Merhabalar hocam şu şekilde yardımcı olabilirim aşağıdaki belirttiğim div & css kodu ile yardımcı olmak istedim umarım işinizi görür..
Bu DİV kodları
Buda css'si hocam
Burada verdiğiniz resmi saydamlaştırmaya çalıştım umarım işinizi görür burdada resim.png
Umuyorum yardımcı olur iyi çalışmalar.
Bu DİV kodları
YAZINIZBuda css'si hocam
.baslik {
background: url('../images/resim.png') repeat-x;
height: 35px;
height: 40px;
}Burada verdiğiniz resmi saydamlaştırmaya çalıştım umarım işinizi görür burdada resim.png
Umuyorum yardımcı olur iyi çalışmalar.
Türkiyenin Webmaster Topluluğu - Wmclubu.com
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)