我正在尝试为我的网站创建一种透视人群效果。它实际上是一个装满平面图像的 ul,我想要创造出一种“弯曲”的感觉,就像一个圆形人群那样。它向内收缩,朝内部看起来更小,在两端向外弯曲。
海报圆形示例是我能找到的最接近的例子,链接在这里:http://www.webkit.org/blog-files/3d-transforms/poster-circle.html ,但我只需要“后面”,每个图像都是100px x 100px,每行23张图片,共四行。
我几乎完全不知道如何处理这个问题......我尝试了几种不同的方法,对每个图像应用唯一的-webkit-transform: rotateY(x) translateZ(x),但从来没有达到过预期的效果(难以计算正确的值,或者完全使用了错误的东西),还尝试了修改透视效果。
海报圆形示例是我能找到的最接近的例子,链接在这里:http://www.webkit.org/blog-files/3d-transforms/poster-circle.html ,但我只需要“后面”,每个图像都是100px x 100px,每行23张图片,共四行。
我几乎完全不知道如何处理这个问题......我尝试了几种不同的方法,对每个图像应用唯一的-webkit-transform: rotateY(x) translateZ(x),但从来没有达到过预期的效果(难以计算正确的值,或者完全使用了错误的东西),还尝试了修改透视效果。