爲什麼這個不透明的動畫不起作用？

這個動畫怎麼了？爲什麼這個不透明的動畫不起作用？

.homepage-box:hover .shadow-layer 
{ 
    opacity:0.70; 
    -webkit-animation: opacity 5s; 
    -moz-animation: opacity 5s; 
}

在兩個鍍鉻

/Firefox中我看不到淡入不透明度...

來源

2014-01-13 markzzz

什麼是你的HTML代碼？任何其他的CSS？ –

jsfiddle怎麼樣.. – Sionnach733

@techfoobar：不，我沒有！ – markzzz

您需要設置父性的過渡因爲是（所以不是：懸停）。

.homepage-box .shadow-layer { 
    opacity: 1; 
    transition: opacity 5s ease-in-out; 
    -moz-transition: opacity 5s ease-in-out; 
    -webkit-transition: opacity 5s ease-in-out; 
} 

.homepage-box:hover .shadow-layer { 
    opacity: 0.7; 
}

來源

2014-01-13 09:37:22

是啊什麼是完美的;）如果我想動畫'filter：alpha（opacity = 30）'而不是不透明？我可以嗎？ – markzzz

過濾器alpha適用於IE6/7並且它們不允許轉換AFAIK –

變成transition不是動畫

也許這是你想要什麼，我猜JS Fiddle

來源

2014-01-13 09:44:16 Dan

爲什麼這個不透明的動畫不起作用？

回答

相關問題