跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
drop-shadow

2 篇文章
{
,

}
使用 CSS 和 SVG 过滤器将阴影添加到 SVG 图标的文章的直接链接
drop-shadow filter shadow SVG svg filters

使用 CSS 和 SVG 过滤器将阴影添加到 SVG 图标

为什么我们需要将阴影应用到 SVG?

  1. 阴影是常见的界面设计特征,可以帮助元素(如图标)脱颖而出。它们可以是永久存在的,也可以在不同的状态(例如 :hover、:focus 或 :active)应用。
…
Avatar of Joel Olawanle
Joel Olawanle 于 2021 年 6 月 11 日 发布
深入了解阴影的文章的直接链接
box-shadow drop-shadow filter shadow text-shadow

深入了解阴影

让我们谈谈网页设计中的阴影。阴影可以添加纹理、透视感并强调物体的维度。在网页设计中,使用光影可以增加真实感,还可以用来制作丰富、触感丰富的界面。…

Avatar of Rob O'Leary
Rob O'Leary 于 2021 年 6 月 7 日 发布

CSS-Tricks 由 DigitalOcean 提供支持。

随时关注 Web 开发

通过我们的精心制作的新闻稿

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获得免费积分!
CSS-Tricks
  • 为我们写稿!
  • 与我们合作广告!
  • 联系我们
社交媒体
  • RSS Feed
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.