Javascript DeviantArt是如何在他们的图像中实现阴影的？

我只是想知道如何在每个图像上实现阴影

---

如果你看缩略图，你会发现图像有点阴影。我想他们是用Javascript完成的，因为当我关闭Javascript时，阴影消失了。顺便说一句，他们也在使用jQuery。

我相信它在服务器端

如果你看到：

您可以更改“变量”以适合您的尺寸

---

然后我猜它只是图像上的一个背景属性，带有一些填充以将图像置于中间。

我相信它位于服务器端

如果你看到：

您可以更改“变量”以适合您的尺寸

---

然后我猜它只是图像上的一个背景属性，带有一些填充以将图像放在中间。

他们的javascript是模糊的，所以很难理解发生了什么。如果您检查它们的图像，您可以看到它们是用一个名为“shadow”的类的span封装的，它具有如下背景图像的样式：

<span style="background-image: url(http://sh.deviantart.com/x/150/134/logo3.png);" class="shadow">

---

---

但是，如果您正在寻找一种客户端向图像添加阴影的方法，请查看以下脚本：

他们的javascript是模糊的，因此很难理解发生了什么。如果您检查它们的图像，您可以看到它们是用一个名为“shadow”的类的span封装的，它具有如下背景图像的样式：

<span style="background-image: url(http://sh.deviantart.com/x/150/134/logo3.png);" class="shadow">

---

---

但是，如果您正在寻找客户端向图像添加阴影的方法，请查看以下脚本：

使用FireBug检查thumnail，您将看到缩略图位于一个span元素中，该元素具有style=“background image:url（）；”

---

因此，基本上有一个span，它的图像背景模仿阴影。

使用FireBug检查thumnail，您将看到缩略图位于span元素中，该元素具有style=“background image:url（）；”

所以基本上有一个模拟阴影的图像背景