Video örnek resim üzerine ikon koymak isteyince SVG’ye gölge uygulama ihtiyacım oldu. İhtiyaç tam olarak şöyle

gölgeli svg

Video örnek resim dosyası üzerine oynatma ikonu koyacağız ve bu oynatma ikonu beyaz olacak. Tabi beyaz okun altına beyaz zemin gelince ayrışması için gölge koyulmuş. Ben ikonu satır içi (inline) SVG olarak koydum. Sonra box-shadow uygulayayım dedim. Sonuç beklediğim gibi olmadı.

box-shadow svg’yi bir kutu gibi algılayıp kare şeklinde gölge verdi. Çözüm için aklıma CSS filter’ın drop-shadow özelliği geldi. Biraz araştırınca benzer cevaplar gördüm.

Aklınızın bir kenarında bulunsun.

Kalın sağlıcakla.

Kaynaklar

Sayfa planlama sihirbazı grid-template-areas

CSS Izgara ile sihirbazlık yapıyoruz. grid-template-areas ve grid-area özelliklerini açıklıyoruz. Devamını oku

Sublime Text Sidebar Yazı Tipi Düzenlemesi

03 April 2019 tarihinde yayınlandı.