微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我可以将图像转换为CSS3吗?

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

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

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

>这种情况的最佳解决方案是什么?使用png或用css绘制它?
>是否有工具/网站将我的png转换为css代码

解决方法

>使白色区域透明(GIMP中的颜色为alpha)
> Convert the image to a data URI(它是可选的,但它会使您的网站加载速度更快) >使用(2)中的网址作为背景图像,并使用您想要的任何背景颜色.

原文地址:https://www.jb51.cc/css/214715.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。