CSS Animation (webkit) funktioniert nicht im IE

[eLem3ntx]

Hallo liebe PSD'ler,

im Moment bin ich dabei eine dynamische Maske via CSS in eine Webseite einzubinden.
Diese funktioniert im Chrome etc. einwandfrei, nur im IE baut sich einfach keine Maske auf, obwohl ich für IE ebenfalls die Parameter eingegeben habe.

Kann mir jemand helfen?

Hier die Beispielseite:


.bar {
max-width: 910px;
height: 25px;
-webkit-mask: url(img/bar_maske.png) no-repeat; /* Chrome Safari */
mask: url(img/bar_maske.png) no-repeat; /* IE oder? */
-webkit-mask-position: 200px 0px; /* Chrome Safari */
mask-position: 200px 0px; /* IE oder? */
-webkit-animation: animBarMask 1s ease-in-out 0s alternate; /* Chrome Safari */
animation: animBarMask 1s ease-in-out 0s alternate; /* IE oder? */
}



Vielen Dank im Voraus.

sonnige Grüße,
Marcus

 

[cythux]

AW: CSS Animation (webkit) funktioniert nicht im IE

Denke mal das da eventuel was dabei ist
http://stackoverflow.com/questions/11232106/css-mask-image-not-working

http://www.javascriptkit.com/filters/maskfilter.shtml

 

[MyBad]

AW: CSS Animation (webkit) funktioniert nicht im IE

Welcher IE denn? Bin mir aber gar nicht sicher, ob das überhaupt schon irgendein IE unterstützt. 7 - 10 auf jeden Fall noch nicht.

 

[userxyz]

AW: CSS Animation (webkit) funktioniert nicht im IE

Im ie ist es einfach nicht möglich (noch nicht) und wahrscheinlich auch nicht in der neuen 11er Version.
Kann man ganz gut in dieser Tabelle sehen:
http://caniuse.com/css-masks

Versuch es doch einfach mit Javascript.
Hast du deine Mask-Eigenschaft eigentlich schon mal mit Firefox und Safari getestet?

 

[scanner]

AW: CSS Animation (webkit) funktioniert nicht im IE

@eLem3ntx:
Zum Trost: In Firefox 24.0 funktioniert's tadellos - sieht gut aus! Tja - IE halt.....

@userxyz: Sehr interessante Site, Danke für den Link !