Blog

clip-path, mask ve shape-outside: Element'leri Kırpmak, Maskelemek ve Metni Şeklin Etrafından Akıtmak

clip-path element'in yalnız bir şeklin içini çizer ve hit testing'i de o şekle göre yapar, mask-image bir görselin alfa kanalıyla kısmi görünürlük verir, shape-outside ise float edilmiş bir element'in çevresindeki metni bir şekle göre akıtır; üçü de layout'taki kutuyu değiştirmez. Yazı shape() ile path() farkını, forced colors'da maskeli ikonu ve Bookstore'da yuvarlak yazar fotoğrafı, kenarı solan kapak şeridi ve eğik kitabın çevresinden akan metni ölçümlerle anlatır.