0

如何为滚动视差动画制作两个对角线 div？我需要像这里一样在六个项目（子弹）https://victoriabeckham.landrover.com/INT上的幻灯片过渡，但有对角线边。

4

1 回答 1

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);
}

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

更新 1：这里有几个链接，我认为您会感兴趣

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

于 2013-06-09T19:40:34.633 回答