使用CSS3对投影的角度效果

使用CSS3对投影的角度效果,css,Css,我想创建一个类似于滑块上的阴影 我已经在Photoshop中重新创建了它,但是我不确定如何使用纯CSS来实现它,哪一个更好 这是一个生成器,因此您可以自定义您喜欢的阴影: 你可以试试这个,几乎接近那个;) 我不认为你能用CSS做到这一点。使用图像 如果你使用一种能够在数学系完成一些繁重工作的语言,你可能会产生类似的结果——jquery和javascript将是我接下来要看的地方,如果没有java小程序的话——但即使这样,我也会担心它对大多数浏览器来说过于繁琐和缓慢。这更接近我的目标,我尝试了这

我想创建一个类似于滑块上的阴影


我已经在Photoshop中重新创建了它,但是我不确定如何使用纯CSS来实现它,哪一个更好

这是一个生成器,因此您可以自定义您喜欢的阴影:


你可以试试这个,几乎接近那个;)


我不认为你能用CSS做到这一点。使用图像


如果你使用一种能够在数学系完成一些繁重工作的语言,你可能会产生类似的结果——jquery和javascript将是我接下来要看的地方,如果没有java小程序的话——但即使这样,我也会担心它对大多数浏览器来说过于繁琐和缓慢。

这更接近我的目标,我尝试了这种方法,但它只是在阴影的末端与阴影的角度不太一致。@user1476992 ya但CSS不能做photoshop所能做的一切,所以这很接近;)CSS可以做很多…@user1476992但这和我的一样:)是的,但是标记为“透视”的那个看起来至少有点类似于我所说的。看起来如果你能做到,那为什么你不能做我要找的那个呢?这在今天可能是可能的。纯css中的类似效果:
.shadow {
    box-shadow: 0 8px 6px -6px #000;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
}