如何做到使用CSS和WebKit

我可以使用遵循CSS代碼做一些簡單的動畫的動畫，但我想要做的更先進：如何做到使用CSS和WebKit

opacity: 1; 
    -webkit-transition-property: opacity, linear; 
    -webkit-transition-duration: 2s, 4s;

我想從不透明的DIV：0不透明度1。另外，我想的位置是從X移動，Y到X，Y + 10 最後，我想在div變得不可見，所以，我想下不透明1比0

我怎麼能這樣做？或者不可能在 CSS中做這些複雜的動畫？

2009-08-14 DNB5brims

div { 
    opacity: 1; 
    -webkit-transition: opacity 1s linear; 
} 

div:hover { 
    opacity: 0; 
}

這當然是可能的，但我不知道在哪個環境下，你想要它。我使用它在鏈接上進行懸停等，它們工作得非常好。

我尖端（本實施例中旋轉）：

-moz變換：旋轉（180deg）; 變換：旋轉（180deg）; filter：progid：DXImageTransform.Microsoft.BasicImage（rotation = 2）;

您可以在許多瀏覽器上執行這些技巧，而不僅僅是Safari。

大量的鏈接，希望他們幫助和好運！

2009-08-23 04:00:35 Tom

回答