Serbest form (non kare) olan bir PNG resmi var.

Drop shadow Bu görüntü efekti uygulamak istiyorum.

Standart yaklaşım ...

-o-box-shadow:      12px 12px 29px #555;
-icab-box-shadow:   12px 12px 29px #555;
-khtml-box-shadow:  12px 12px 29px #555;
-moz-box-shadow:    12px 12px 29px #555;
-webkit-box-shadow: 12px 12px 29px #555;
box-shadow:         12px 12px 29px #555;

... görüntüler bu resim için gölgeler, bir kare gibi. Yani, benim resim görüyorum ve nesne şeklinde izler değil Kare gölge, görüntü görüntülenir.

Bunu düzgün yapmak için herhangi bir yolu var mı?

Biraz geç parti, ama evet, bu tamamen mümkün oluşturmak için "true" dinamik gölge etrafında alfa maskeli PNG, kullanarak bir arada dropshadow filtresi (Y), SVG (Firefox) ve DX filtreler için YANİ.

.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

<!-- HTML elements here -->

<svg height="0" xmlns="http://www.w3.org/2000/svg">
    <filter id="drop-shadow">
        <feGaussianBlur in="SourceAlpha" stdDeviation="4"/>
        <feOffset dx="12" dy="12" result="offsetblur"/>
        <feFlood flood-color="rgba(0,0,0,0.5)"/>
        <feComposite in2="offsetblur" operator="in"/>
        <feMerge>
            <feMergeNode/>
            <feMergeNode in="SourceGraphic"/>
        </feMerge>
    </filter>
</svg>

Some comparisons between true drop-shadow and box-shadow an article on the technique I've just described.

Bu yardımcı olur umarım!