Şuna (http://prntscr.com/pobe1z) benzer bir kodlama yapmaya çalışıyorum ancak 2 konuda takıldım kaldım.
1- Görselin etrafına CSS ile içe doğru gölge veremedim. Yuvarlak olduğu için olsa gerek box-shadow ile çözüm üretemiyorum.
2- Dekor amaçlı ekleyip döndürdüğüm turuncu alanın dışa taşan kısımlarının görünmemesini istiyorum, bunu nasıl yapabilirim? http://prntscr.com/poben8
Çalışma: https://codepen.io/muratdinc/pen/KKKqgGj
Gölge(box-shadow) Şeklinde Çerçeve (border) Eklemek Mümkün mü? |
3 Mesajlar | 661 Okunma | ||
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
- Üyelik 02.06.2016
- Yaş/Cinsiyet 41 / E
- Meslek Software
- Konum Adana
- Ad Soyad K** A**
- Mesajlar 704
- Beğeniler 101 / 147
- Ticaret 34, (%100)
.category-box-img-radus özelliklerine aşağıdaki eklesen ve ![]()
ögesini tamamen silsen.
box-shadow: inset 0 0 15px 15px gray;
background-image: url("https://incele10.com/wp-content/uploads/2019/10/örnek.jpg");
background-size: cover;
background-position: center;
Taşma kısmında ise, overflow hidden kullanmışsın taşma görünmüyor zaten.
box-shadow: inset 0 0 15px 15px gray;
background-image: url("https://incele10.com/wp-content/uploads/2019/10/örnek.jpg");
background-size: cover;
background-position: center;
Taşma kısmında ise, overflow hidden kullanmışsın taşma görünmüyor zaten.
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
.category-box-img-radus özelliklerine aşağıdaki eklesen ve ![]()
ögesini tamamen silsen.
box-shadow: inset 0 0 15px 15px gray;
background-image: url("https://incele10.com/wp-content/uploads/2019/10/örnek.jpg");
background-size: cover;
background-position: center;
Taşma kısmında ise, overflow hidden kullanmışsın taşma görünmüyor zaten.
box-shadow: inset 0 0 15px 15px gray;
background-image: url("https://incele10.com/wp-content/uploads/2019/10/örnek.jpg");
background-size: cover;
background-position: center;
Taşma kısmında ise, overflow hidden kullanmışsın taşma görünmüyor zaten.
Evet onu sonradan öğrenip eklemiştim. Görseli CSS ile eklemek kullanım amacı açısından ters ancak sonradan bir yöntem öğrendim ve yaptım, sorun çözüldü. Teşekkürler.
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)