带有对角线边的Div用于视差动画

Question

如何制作两个对角线div来滚动视差动画？我需要在六项（项目符号）https://victoriabeckham.landrover.com/INT上进行幻灯片转换，但是需要对角线。

Answer 1

嗯......没有对角线div这样的东西。但你可以旋转它们使它看起来像对角线。您可以使用CSS 3和旋转变换

来完成

请参阅：http://www.w3schools.com/cssref/css3_pr_transform.asp

和一个例子：http://www.w3schools.com/cssref/playit.asp?filename=playcss_transform_rotate

示例代码：

#myDIV
{
    transform:rotate(10deg);
}

PERSONAL NOTE：我认为你的方法应该是使用带有“对角线”背景图像的“普通”div并使你的div的内容出现一些动画，这取决于你的滚动位置，以创造你的错觉实际上是使用对角线

更新1：以下是我认为您感兴趣的几个链接

• http://unfold.no/
• http://harvestcreative.com/
• http://www.nike.com/jumpman23/aj2012/

更新2 ：另一件很酷的事：http://www.css3shapes.com/