我可以将图像转换为 CSS3 吗? [关闭]

2023-11-21

假设我有一个像这样的多边形图像PNG文件(没有边框,形状填充一种颜色,没有渐变,图像背景是透明的)http://www.enchantedlearning.com/crafts/books/shapes/gifs/4.GIF

我正在考虑使用该多边形图像作为背景图像,当用户将鼠标悬停在其上时,它将更改(更改为具有不同颜色的另一图像)。

但我还希望背景图像的颜色是可定制的。所以,我在想是否有可能绘制多边形而不是使用图像文件,以便可以自定义颜色(我认为为一种颜色创建一个文件等等不是一个好主意) 。

  • 对于这种情况,最好的解决方案是什么?使用png还是用css绘制?
  • 有没有工具/网站可以将我的 png 转换为 css 代码?

  1. 使白色区域透明(GIMP 中颜色为 alpha)
  2. 将图像转换为数据 URI(这是可选的,但它会让您的网站加载速度更快)
  3. 使用 (2) 中的 url 作为background-image并使用任何background-color你要。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我可以将图像转换为 CSS3 吗? [关闭] 的相关文章

  • 粘性背景图像/使用 CSS

    我目前正在创建我的第一个网站 并且即将完成 我在标题下为主体使用背景图像 我发现每个页面都有一个问题 因为它们的高度都不同 这使得我背景图像的当前设置放大图片以适合整个页面 我想做的是将背景图像设置为 粘性 我的想法是 背景图像将直接位于标
  • 使文本背景透明但不使文本本身透明

    所以我遇到了问题 我环顾四周 但没有运气 我想让我的身体背景透明 但让文本不透明 就像现在一样 我继续使两者保持相同的不透明度 这是我的代码 charset utf 8 body font 100 1 4 Verdana Arial Hel
  • 如何在加载ajax内容和javascript时加载gif图像[重复]

    这个问题在这里已经有答案了 我一直在尝试加载 gif 图像 直到 ajax 加载数据并显示它 但我对此感到安慰 我希望你能帮助我 这是我的高级搜索代码 现在我想为此添加加载 gif ajax type POST url base rul s
  • 防止页面跳转到iframe

    我正在尝试通过 iframe 将 wetransfer 集成到网站中 但是当页面加载时遇到问题 它会跳转到页面的一半 因此它专注于 iframe 而不是在页面顶部打开 据我所知 wetransfer 网站上有一个脚本告诉它跳转到该部分 而不
  • 禁用 CSS 规则

    有什么办法可以禁用 CSS 规则吗 我问是因为我使用的是 Kendo UI 他们的规则非常全面 例如 k grid td styles 然而 如果我把我的桌子放在他们的桌子里面 它的风格也会类似 所以它的影响太大 需要删除 更换 我不想手动
  • Ionic - 使用 item-avatar 类在项目列表中垂直居中文本

    我尝试将离子列表添加到我的应用程序中 其中项目构建如 Image Text Button 图像和按钮垂直居中 但文本没有 我尝试了一些在互联网上找到的CCS 它在浏览器预览中运行良好 但在真实设备上 Samsung Galaxy S3 Mi
  • 如何更改点击事件上的引导插入符指向方向

    我正在使用 2 3 2 引导程序 因为当我单击菜单按钮时 我可以更改插入符号图标的位置 我需要当我单击图标插入符号向上时 当您单击另一个项目时 插入符号返回到初始状态 这怎么可能 导航代码 div div class container d
  • 上传前如何检查图片的宽度和高度

    对于图片上传 我编写了以下 html 代码
  • 用于生成多色文本的 jQuery 插件,该文本可在悬停时改变颜色

    我想为各种链接生成多色文本 并从预先指定的颜色数组中为各个字母随机分配颜色 当将鼠标悬停在带有文本的 div 上时 颜色会发生变化 我正在考虑一个 jQuery 插件 脚本将是可行的方法 我想知道是否存在这样的插件或近似插件 Thanks
  • 具有相等宽度和高度 TD 的响应式表格

    如何创建每个单元格 TD 具有相同宽度和高度的响应式 HTML 表格 因此 当我调整浏览器窗口的大小或调整表格容器的大小时 表格将调整大小 但每个单元格将具有相同的高度和宽度 基金会不关心这个 当我用固定宽度和高度 以像素为单位 初始化 T
  • CSS 关键帧动画的随机“起点”

    我有一个带有垂直滚动背景图像的框列表 keyframes movie 0 background position 50 5 50 background position 50 95 0 background position 50 5 mo
  • 图像上的文本和背景颜色叠加

    我正在尝试创建一个与图像大小完全匹配的纯色叠加层 并在该叠加层上显示文本 如果可能的话 我想仅使用 HTML 和 CSS 来完成此操作 图像可以是任何大小 并且将调整大小以适合其父容器并居中 像这样的东西 不起作用 HTML div cla
  • 如何使用溢出滚动设置 tbody 高度

    我在设置 tbody 高度宽度溢出滚动时遇到问题 h3 Table B h3 table style border 1px solid red width 300px display block thead tr td Name td td
  • 如何在严格模式下设置元素样式属性?

    Given body document getElementsByTagName body 0 iframe document createElement iframe iframe src protocol settings script
  • 图像在 IE8 中不显示

    在我的网站上 http appliedcodingtech com site factory automation photos http appliedcodingtech com site factory automation phot
  • CSS/XHTML 菜单 - 在所有浏览器中工作 - IE6 帮助

    我发现这个菜单正是我想要的 它适用于所有现代浏览器和 IE 7 8 我需要找到一个修复程序才能在 IE6 中工作 任何帮助将不胜感激 http lab returnwt net htmlcss tabmenu http lab return
  • 如何使 Flexbox 父级具有其子级的宽度?

    我有一个父元素 里面有两个元素 div class parent div class child one div div class child two div div 目前 parent 的宽度为 100 我希望它只是两个孩子的宽度 pa
  • 在CSS中重置Margins/Padding时使用*是错误的吗?

    应该避免以下内容 还是应该因其简单性而受到赞扬 作为记录 我在我构建的每个站点中都使用它 但我注意到它并不存在于许多主流 CSS 重置框架中 他们是否也不使用它 margin 0 padding 0 最好不要使用它 因为它会导致表单元素出现
  • HTML 和 CSS 的基本编码标准 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想知道它们是否是像 PSR 01 这样的 HTML 和 CSS 基本编码标准 我尝试谷歌搜索和搜索 但没有找到 我建议看看类似的东西
  • CSS 动画在 Internet Explorer 10 和 11 中不起作用

    以下 css 动画在 Chrome Mozilla Opera 浏览器中完美运行 但在 Internet Exporer 10 和 11 中不起作用 出了什么问题 请参见http jsfiddle net bm72w3n3 http jsf

随机推荐

  • 忽略覆盖图像上的鼠标交互

    我有一个带有悬停效果的菜单栏 现在我想在其中一个菜单项上放置一个带有圆圈和 手绘 文本的透明图像 如果我使用绝对定位将覆盖图像放置在菜单项上方 用户将无法单击该按钮 并且悬停效果将不起作用 有没有什么方法可以以某种方式禁用鼠标与此覆盖图像的
  • 是否可以在非托管 VC++ 应用程序中使用使用 C# 创建的 DLL?

    我有一个用 C 编写的 DLL 我想将它与 C 应用程序和用非托管 VC 编写的应用程序一起使用 这可能吗 为了补充此处的其他答案 这里是描述您的情况的 MS 支持文章 http support microsoft com kb 82873
  • MVC3 Html.BeginForm - 作为 RouteValueDictionary 传递参数失败

    我有一个多步骤设置过程 仅当查询字符串参数相关时 我才想传递附加到 URL 的查询字符串参数 using Html BeginForm 效果很好 它产生了
  • 当 B 类继承自 ClassA 时,如何将 List 转换为 List

    我将 json 字符串反序列化为List
  • 正则表达式中需要插入符号(^)和美元符号($)吗?

    我最近读过有关 JavaScript 正则表达式的内容 但我很困惑 作者说有必要包含插入符号 和美元符号 位于所有正则表达式声明的开头和结尾 为什么需要它们 Javascript RegExp 允许您指定多行模式 m 这会改变 and 代表
  • 正则表达式分割骆驼大小写

    我在 JavaScript 中有一个正则表达式 可以使用以下代码 我随后从here MyCamelCaseString replace A Z g 1 replace function str return str toUpperCase
  • JSONP 与 IFrame?

    很快我将需要构建一个小部件 我们的一些客户可以将其嵌入到他们自己的网站中 为了将来证明我的小部件 嵌入代码将如下所示 div div iframe 与 JSONP 相比有何优缺点 iframe 是否存在常见的基于 SEO 的问题 首先 if
  • 使用 R 计算数组中出现的频率

    我有一个数组 a lt c 1 1 1 1 1 2 3 4 5 5 5 5 5 6 7 7 7 7 我想使用一些命令来告诉我数组中最常见的数字是哪个 有一个简单的命令吗 The table 函数足以满足这一点 如果您的数据有多个 则特别有用
  • 当鼠标悬停在 QPushButton 上时,如何从 QPushButton 发出信号?

    最近 我想要那个QPushButton当鼠标指针进入时可以发出信号 我怎样才能做到呢 我知道 QPushButton 有一些已经定义的信号 例如clicked pressed destory 等等 但没有像悬停 输入 这样的信号 我查了一些
  • 如何将 LC_LOAD_DYLIB 命令插入 Mach-O 二进制文件 (OSX)

    我正在寻找用一些代码修补一个废弃软件 该软件是基于碳的 所以我不能使用InputManager 至少 我不认为我可以 我的想法是向 mach o 标头添加 dylib 引用 并在调用初始化例程时启动一个新线程 我使用十六进制编辑器修改了 m
  • 如果连接到未更改的存储,React componentDidUpdate 方法不会在继承的 props 更改时触发

    我希望我的组件知道某些库是否已加载 要知道 从任何上下文我都将其连接到我的商店的 库 减速器到我的组件 我还向它传递了一个配置对象this props dataObject来自调用该组件的父级 像这样 class GoogleButton
  • 对 pthread CLion 的未定义引用

    我正在尝试在 CLion 中运行这个简单的线程 C 程序 include
  • Lucene 5.0 中按字母顺序对字符串字段进行排序

    我在 Lucene 5 0 中对字符串字段进行排序时遇到问题 显然 自 Lucene 4 以来排序的方式已经改变 下面显示了正在为我的文档建立索引的一些字段的片段 Override public Document generateDocum
  • 使用 Linq 重叠两个日期之间的记录

    在我的应用程序中 用户可以委托另一个用户批准订单 我需要验证的是 没有循环引用 所以如果User A是已委托User B在一定时期内 User B不能委托User A对于该期间内的任何时间 即存在重叠 日期dd mm yyyy Delega
  • 如何从 Java 密钥库中的证书链中仅删除一个证书

    我有一个 Tomcat 服务器 其 HTTPS 证书链存储在 Java 密钥库中 该链包含自签名根 CA 证书 虽然这显然没问题TLS 规范 一些验证服务对此发出警告 并且最好还是把它关掉 如何编辑密钥库以仅删除自签名根 CA 证书 但保持
  • 如何将模块路径添加到python?

    我尝试构建 V8 javascript 引擎 当我尝试调用命令时python build git v8 我收到错误 File build gyp v8 line 48 in lt module gt import gyp ImportErr
  • webrtc和peerjs:如何选择H264而不是vp8?

    我确实使用peerjshttps peerjs com在 2 个对等点之间建立连接 有没有办法强制使用 H264 代码而不是 VP8 Regards Update 您可以使用设置编解码器首选项一旦浏览器支持 即可达到相同的结果 旧答案 您必
  • Perl:具有共享多维哈希的线程

    我正在尝试在多个线程上共享多维哈希 这个哈希保存了2个连接的密钥对 我需要知道它们是否已经连接 如果没有 我需要连接它们 如果没有 则不需要去数据库 use threads use threads shared my FLUobject2p
  • jquery getJSON函数计时问题

    我认为我的程序正在跳过 JSON 调用的结果 是否可以在此处创建一个闭包函数或让程序等待 JSON 调用返回 function username not duplicate username var function name get us
  • 我可以将图像转换为 CSS3 吗? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 假设我有一个像这样的多边形图像PNG文件 没有边框 形状填充一种颜色 没有渐变 图像背景是透明的 http www enchantedlearnin