如何使用CSS和webkit制作动画

我可以使用下面的css代码制作一些简单的动画，但我想做更高级的：

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

我希望div从不透明度：0到不透明度1。 另外，我希望位置是从x，y移动到x，y+10 最后，我希望div变为不可见，因此，我希望将不透明度降低1到0

我该怎么做？或者不可能在中执行这些复杂的动画 CSS？

这当然是可能的，但我不知道在什么情况下你想要它。 我用它在链接上做悬停等等，它们工作得很好

还有我的提示（这个例子是旋转）：

-moz变换：旋转（180度）； 变换：旋转（180度）； 过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=2）

您可以在许多浏览器上使用这些技巧，而不仅仅是Safari

大量的链接，希望他们帮助和好运

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

div:hover {
  opacity: 0;
}