CSS 3D导航不工作

Question

活生生的例子： http://www.script-tutorials.com/demos/298/index.html（在页面的顶部的蓝色条上移动鼠标）

我的问题： 这个CSS 3D导航菜单（顶部）在Opera浏览器中无法使用。 为什么要这样？ css有这个：

-o-transition：-o-transform 0.5s ease;

-o-是不是歌剧？

Answer 1

Opera不需要供应商前缀为transform，供应商前缀-o-只需要transition和border-image。

尝试使用正常transform作为过渡性质，而不是-o-transform，但保留-o-transition: ...

-o-transition: transform 0.5s ease;