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

Javascript 用于视差动画的带对角边的Div,javascript,html,css,animation,parallax,Javascript,Html,Css,Animation,Parallax,如何为滚动视差动画制作两个对角线div?我需要六项(项目符号)上的幻灯片过渡,但有对角边。嗯。。。没有对角div。但是你可以旋转它们使它看起来像对角的。你可以用css3和旋转变换来实现 见此: 举个例子: 示例代码: #myDIV { transform:rotate(10deg); } 个人提示:我认为你的方法应该是使用一个带有“对角线”背景图像的“普通”div,并根据你的滚动位置使div的内容显示一些动画,从而产生你实际上使用对角线div的错觉 更新1:以下是我认为您会感兴趣的几个

如何为滚动视差动画制作两个对角线div?我需要六项(项目符号)上的幻灯片过渡,但有对角边。

嗯。。。没有对角div。但是你可以旋转它们使它看起来像对角的。你可以用css3和旋转变换来实现

见此:

举个例子:

示例代码:

#myDIV
{
    transform:rotate(10deg);
}
个人提示:我认为你的方法应该是使用一个带有“对角线”背景图像的“普通”div,并根据你的滚动位置使div的内容显示一些动画,从而产生你实际上使用对角线div的错觉

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


更新2:另一件很酷的事情:

什么是对角线div?带有对角线左侧和右侧的div=)好的,那么什么是对角线侧?你是说有梯形形状的div吗?是的,这就是我的意思。