Front-End'cilerden Yardım (CSS)

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Front-End'cilerden Yardım (CSS)

19/Kas/20 11:45 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

(Sorun çözüldü, codepen'de mevcut son hali)

Hocalar selamlar. Css kullanarak aşağıdaki şekli yapmaya çalışıyorum.

https://ibb.co/dL7Rnwb

Şekli şu şekilde oluşturabiliyorum ama gölgelendirmede sıkıntı yaşıyorum;

https://codepen.io/manyaki/pen/MWedemM

Yetkili abilerin yardımları için şimdiden teşekkürler.
manyaki tarafından 19/Kas/20 13:27 tarihinde düzenlenmiştir

since 2005 // tbt

Alıntı yap
19/Kas/20 11:56 Kısayol Şikayet Özel Mesaj

Cosmic

Kayıt Tarihi: 14/Haziran/2006

kodunu codepen'e atar mısın rica etsem.

Bittik biz bittik

Alıntı yap
19/Kas/20 12:06 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

@Cosmic tabi hocam birazdan burayı editliyorum.

https://codepen.io/manyaki/pen/MWedemM
manyaki tarafından 19/Kas/20 12:17 tarihinde düzenlenmiştir

since 2005 // tbt

Alıntı yap
19/Kas/20 12:23 Kısayol Şikayet Özel Mesaj

Cayan

Banlanmış Üye

Kayıt Tarihi: 11/Aralık/2009

css ile çok zor aklıma bir çözüm gelmedi açıkçası.

Bana kalsa araya bir svg tasarlayıp 2 col arasına yerleştirirdim after ile vs. Muhtemelen doğru çözüm de budur.

https://www.youtube.com/watch?v=jQk82bpUy1Y

Alıntı yap
19/Kas/20 12:26 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

@Cayan son çare benim de aklımdaki çözüm o zaten hocam. Ben normalde Android(Java) ve iOS(Swift) geliştiriyorum ama mecbur ionic kullanmam gereken bir proje denk geldi, o yüzden ilk defa haşır neşir oluyorum bu olaylarla. Yapılamaz diye kestirip atmadan önce sormak istedim buraya.

since 2005 // tbt

Alıntı yap
19/Kas/20 12:30 Kısayol Şikayet Özel Mesaj

Cosmic

Kayıt Tarihi: 14/Haziran/2006

css ile mümkün değil hocam.

https://jsfiddle.net/x7L5tue0/

svg ile bu mantıkta yapabilirsin. pek vaktim yok üstün körü yerleştirip geçtim. ama mantık bu şekilde olmalı

edit: mavi kısmı div olarak verdim ancak opacity olcaksa üst ve altta, altı da svg kesip koyman lazım üst üste renkli katman binince opacity bozulmasın
Cosmic tarafından 19/Kas/20 12:31 tarihinde düzenlenmiştir

Bittik biz bittik

Alıntı yap
19/Kas/20 12:32 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

Eyvallah hocam ikinize de ayrı ayrı teşekkürler.

since 2005 // tbt

Alıntı yap
19/Kas/20 13:08 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

Codepen'i güncelledim bu şekilde css ile mümkün sanırım, ihtiyacı olan olursa diye dursun.

since 2005 // tbt

Alıntı yap
19/Kas/20 14:48 Kısayol Şikayet Özel Mesaj

tcvatandasi

Kayıt Tarihi: 25/Temmuz/2015

manyaki bunu yazdı

Codepen'i güncelledim bu şekilde css ile mümkün sanırım, ihtiyacı olan olursa diye dursun.

burda dursun hocam lazım olur belki

https://codepen.io/cansalih/pen/mdEYRJm
tcvatandasi tarafından 19/Kas/20 14:48 tarihinde düzenlenmiştir

Alıntı yap
19/Kas/20 15:55 Kısayol Şikayet Özel Mesaj

manyaki

Kayıt Tarihi: 27/Temmuz/2005

tcvatandasi bunu yazdı

manyaki bunu yazdı

Codepen'i güncelledim bu şekilde css ile mümkün sanırım, ihtiyacı olan olursa diye dursun.

burda dursun hocam lazım olur belki

https://codepen.io/cansalih/pen/mdEYRJm

Hocam eline sağlık ama sorun zaten gölgelendirmedeydi.

since 2005 // tbt

Alıntı yap

Toplam Hit: 2033 Toplam Mesaj: 10
css frontend

Cevapla