[SVG] Add an SVG as an Embedded Background Image
Learn how to set an elements background image to embedded SVG. This method has an added benefit of not incurring any HTTP requests, as the SVG is simply embedded into the CSS. They can also be resized by changing the width
and height
of the element containing background image, so it’s easy to create multiple sizes of the same icon using this approach.
If you’re looking for the ability to display icons at different sizes and want to modify the SVG interaction styles (such as on :hover
), this is could be a good option. One negative to adding the interaction styles is that it requires you to duplicate selectors and the SVG markup; the more icons you have, the larger your stylesheets will become.
Two Rules:
1. The embedded svg image, should use single quote.
2. Should encoder, can use http://meyerweb.com/eric/tools/dencoder/
相关文章
- use SceneKit to display 3d objects in an iOS project
- ORA-24052: cannot propagate object type payloads with LOB attributes to an 8.0 release ORACLE 报错 故障修复 远程处理
- ORA-26877: must reattach after an OCIXStreamOut call was interrupted ORACLE 报错 故障修复 远程处理
- ORA-27233: file is not an ELF file ORACLE 报错 故障修复 远程处理
- ORA-32030: an SPFILE is already associated with the instance ORACLE 报错 故障修复 远程处理
- ORA-41606: rule class name already used by an existing object ORACLE 报错 故障修复 远程处理
- ORA-12204: TNS:received data refused from an application ORACLE 报错 故障修复 远程处理
- ORA-15487: cannot shutdown the ASM instance with an open ASM volume ORACLE 报错 故障修复 远程处理
- ORA-16962: SQL statement attempted to begin an autonomous transaction ORACLE 报错 故障修复 远程处理
- Struts2使用校验报configuration that references an unknown cl详解编程语言
- MySQL语句AS:使用方法及案例(mysql语句as)
- MySQL 5.5.9: An Introduction to Database Management(mysql5.5.9)
- Oracle中使用别名AS实现快捷查询(oracle别名as)
- tableTruncating MySQL Table: An Essential Tool(truncmysql)
- MySQL: An Essential Tool for Database Alterations(altermysql)
- 在SQL Server中使用AS进行表达式(sqlserver中as)
- MySQL中AS关键字的含义及用法(mysql中 as的意思)
- MySQL中使用AS关键字复制表的方法(mysql中as复制表)
- 解决MySQL数据库程序中使用AS调用问题(as调用mysql)
- AS在MySQL中的含义赋予别名(as在mysql中的意思)
- Oracle AS让企业信息管理更轻松(oracle as 长度)
- 使用教程As an AI language model I cannot determine the specific context of the text without more information Please provide more context or a specific request