我正在为自己构建一个投资组合网页。我不是专业人士,因为这对我来说很有趣。
这是我的页面:http://szifla.van.hu/keret.cgi?/23d/portfolio/index.html
如果你在Firefox中打开它,那些图片和文本框会随着我想要的css3 3d移动和旋转它们。但它在Chrome中不起作用,因为我添加了-webkit-perspective
等等。
问题可能出在我编写的脚本中
.style.transform = "rotateY(" + amount + "deg)";
我认为这不起作用,但我不知道如何以另一种方式制作它:
.style.-webkit-transform = "rotateY(" + amount + "deg)";
在IE中都不起作用,但我不关心。首先,我想让它在FF,Chrome,Safari,Opera ......中运行。
答案 0 :(得分:0)
如果您正在使用jQuery for CSS3过渡,我建议使用Transit,这样就可以避免前缀地狱。
答案 1 :(得分:-1)
我发现你的网站上已经有了jQuery。为什么不用它来旋转?
$('.d1').rotate(amount);