CSS按钮阴影?

     2023-03-05     22

关键词:

【中文标题】CSS按钮阴影?【英文标题】:CSS Button shadow? 【发布时间】:2016-08-17 01:25:52 【问题描述】:

我正在尝试将网站从 TYPO3 重建为 Wordpress。 TYPO3 网站是http://www.xsed.nl/ 我的 WordPress 重建是 http://icestartup.com/testsites/site2/

如果您在 TYPO 3 网站上看到主菜单,您会注意到按钮后面有一个黑色阴影。但我无法在我的 WordPress 网站中实现这一点。

你们知道我该如何实现吗?

【问题讨论】:

这张图片可能会让我的疑惑更加清楚 - i66.tinypic.com/96cc37.png 只需使用旧网站上的相同图像即可。仅使用 CSS 才能在非矩形元素上获得这种效果。您需要为按钮使用svg 这就是我使用的。我看不到旧菜单图片中的阴影。 欢迎来到 Stack Overflow!寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码。虽然您提供了link to a site or an example,但如果链接失效,您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。 它可能看起来并不明显,但如果你看不到它并不意味着它不存在。使用相同的背景,你会看到它。 【参考方案1】:

根据您的代码,在您之前的站点中,您可以看到您正在使用的阴影

它有阴影,但您正在使用新站点

没有阴影,所以尝试切换图像,你就完成了......希望它会有所帮助或让我知道。谢谢

【讨论】:

用css3实现带有阴影效果和颜色渐变的按钮

...ow和transition来实现如下所示的带有阴影和颜色渐变效果的按钮(下面这个只是图片;本想直接在这个页面下嵌html的,,试了后发现有些css样式貌似不给用就只能放图片了...=_=):      首先是box-shados语法,用于向... 查看详情

iOS CSS 阴影问题

...布时间】:2011-01-2803:17:39【问题描述】:如何去除iPad上按钮上的阴影。彩色和圆角的标准提交按钮具有自动应用的渐变。我已经搜遍了,但似乎无法摆脱它!:(【问题讨论】:【参考方案1】:试试:-webkit-appearance:none;当然,您... 查看详情

如何在 wpf 按钮(如 google 按钮)周围创建阴影效果

】如何在wpf按钮(如google按钮)周围创建阴影效果【英文标题】:Howtocreateashadowdropeffectaroundawpfbuttonlikethegooglebutton【发布时间】:2012-09-2001:27:54【问题描述】:我正在尝试在wpf中创建一个google按钮。我发现以下链接指定了google的... 查看详情

csscss-css3safari样式工具栏按钮圆角框阴影按下边框半径为moz,firefox,khtml(代码片段)

查看详情

离子 4 如何更改:css 中的阴影 dom?

...:01【问题描述】:离子选择的css问题,在阴影根中有一个按钮。我需要默认值--padding-top:10px,--padding-end:8px,--padding-bottom:10px,--padding-start:16px,但它是第一个元素并假定应用的值如下所示。 查看详情

css-css3safari风格工具栏按钮圆形框阴影按下边框半径moz,firefox,k

/** *Author:ChrisMorrell<http://cmorrell.com/> *Version:1.1 *201008051349-brandonjp-modifiedformoz,khtml,css3 * *fromhttp://cmorrell.com/safari-extensions * *Youmayusethisfileanywayyouseefit. * */ a,button{ color:#282828; font-weight:bold;... 查看详情

如何摆脱右侧阴影但保持按钮上的底部阴影

】如何摆脱右侧阴影但保持按钮上的底部阴影【英文标题】:Howtogetridrightsideshadowbutmaintainbottomshadowonbutton【发布时间】:2018-03-1306:39:52【问题描述】:我有循环创建一行按钮,我有以下代码来设置阴影。如何摆脱右侧阴影但保持... 查看详情

为按钮添加边框和阴影

】为按钮添加边框和阴影【英文标题】:Addborderandshadowtothebuttons【发布时间】:2011-10-2723:03:53【问题描述】:我想为我在iPad应用程序中添加的按钮添加中等粗的黑色边框和阴影。我已经将这些按钮作为自定义按钮,因为我在它... 查看详情

单选按钮组空间问题和框阴影在 Safari 浏览器中不起作用

】单选按钮组空间问题和框阴影在Safari浏览器中不起作用【英文标题】:Singleselectbuttongroupspaceissueandbox-shadownotworkinginsafaribrowser【发布时间】:2019-04-1301:28:40【问题描述】:我使用带有标签标签的单选按钮创建了单选按钮组,使... 查看详情

如何在按下 UIButton 的按钮时关闭按钮阴影?

】如何在按下UIButton的按钮时关闭按钮阴影?【英文标题】:HowtoturnoffbuttonshadowonbuttonpressofUIButton?【发布时间】:2011-08-2220:07:55【问题描述】:我在InterfaceBuilder中创建了一个UIButton。当用户按下按钮时,整个按钮呈灰色阴影。有... 查看详情

Android L FAB 按钮阴影

】AndroidLFAB按钮阴影【英文标题】:AndroidLFABButtonshadow【发布时间】:2014-08-2006:02:55【问题描述】:在材料设计指南中,Google提出了anewstyleofbutton,FAB按钮。我找到了如何制作它的说明,但我无法添加阴影。如何实现?【问题讨论... 查看详情

Android L FAB 按钮阴影

】AndroidLFAB按钮阴影【英文标题】:AndroidLFABButtonshadow【发布时间】:2014-08-2006:02:55【问题描述】:在材料设计指南中,Google提出了anewstyleofbutton,FAB按钮。我找到了如何制作它的说明,但我无法添加阴影。如何实现?【问题讨论... 查看详情

iOS:如何在按钮中显示阴影图像?

】iOS:如何在按钮中显示阴影图像?【英文标题】:iOS:Howtoshowashadowimageinabutton?【发布时间】:2019-11-2515:51:05【问题描述】:我的设计师给我发了一个带有阴影的按钮图像,这很复杂,所以我需要使用按钮图像而不是自己实现阴... 查看详情

如何删除按钮阴影(android)

】如何删除按钮阴影(android)【英文标题】:Howtoremovebuttonshadow(android)【发布时间】:2015-04-2915:09:46【问题描述】:我想去掉按钮的阴影,让它看起来更平坦。我现在有这个:但我想要这个:【问题讨论】:我在这里写评论,这... 查看详情

如何为按钮提供阴影

】如何为按钮提供阴影【英文标题】:HowtoprovideshadowtoButton【发布时间】:2013-02-2607:56:46【问题描述】:正如您在图片中看到的,我想要Button后面的阴影。我创建了带有圆角的Button。但问题是我无法在Button后面生成阴影。我怎样... 查看详情

Css按钮按下效果[重复]

】Css按钮按下效果[重复]【英文标题】:Cssbuttonpressingeffect[duplicate]【发布时间】:2015-12-0406:14:49【问题描述】:我有一个带有盒子阴影的按钮,使它看起来像在浮动,我想在单击它时产生一种按下效果:代码(CSS):#startBtnfont-f... 查看详情

SwiftUI:为按钮的文本添加阴影

】SwiftUI:为按钮的文本添加阴影【英文标题】:SwiftUI:AddshadowtoButton\'stext【发布时间】:2021-02-0305:32:05【问题描述】:我有一个按钮样式,我需要使用这种样式为文本添加阴影。我想做的是:structA:ButtonStylefuncmakeBody(configuration:Co... 查看详情

带有自定义阴影图像的 UIButton

...】:2012-10-0100:04:13【问题描述】:我需要像这样实现我的按钮的效果:我的问题是:如何将此自定义阴影添加到按钮,这样只有“按钮”表面才会对触摸做出反应?当我在底部有下一个按钮,靠近上一个按钮时,我如何确定它不... 查看详情