问题标签 [border-shadow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
10591 浏览

css - 如何创建径向 css3 边框渐变阴影

我有两列可以拉伸到不同的高度,设计师希望在两列之间有一个阴影,但是你可以看到图像在顶部和底部淡出。这意味着我不能只使用在右侧列中左对齐的 CSS 的背景图像。

中间有径向阴影的列

那么我也许可以使用具有径向渐变的 css 3 边框阴影。我可能会使用表格单元格来执行此操作,因为我需要将阴影拉伸到最高列的高度。我该怎么做呢?

0 投票
1 回答
200 浏览

html - 背景附件 CSS 属性不会显示在不同的 html 元素上

我正在学习background-attachmentCSS 属性,但由于某些原因,它不会显示在 textarea、图像等上。

这是我的 HTML:

这是我的CSS:

0 投票
1 回答
26 浏览

css - 如何获得盒子阴影的预期颜色?

我有一个网站的 psd 图像,我想在盒子阴影上获得与图像中显示的相同的颜色代码。

例如: 背景颜色是:#e6e6e6 里面的内容是白色的。

我想获得 2px 宽且在现场的盒子阴影。右边的第一个像素有颜色代码:#e3e3e3

第二个像素具有颜色代码:#f1f1f1

尝试不透明度和其他设置需要时间,所以有没有办法输入这些颜色以获得预期的结果/颜色?

0 投票
1 回答
104 浏览

html - 如何在没有另一个 div 的情况下让图像淡出

我有一个页面,其中包含带有图像的产品列表。当我将鼠标悬停在图像上时,图像会略微放大,但max-height不会改变。因此,我想让图像在所有四个方面都淡出。目前,我使用的是白色背景,但理想情况下,淡出将通过减少opacity而不是白色来完成。我遇到的问题是图像是可点击的,所以我不能在它上面使用另一个 div 来创建淡入淡出效果。如何在图像上使用 CSS 来做到这一点?

HTML:

CSS: