`
Colin_Davis
  • 浏览: 25461 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

svg 符号

    博客分类:
  • Html
 
阅读更多

 

 

 

<a class="close-x" href="javascript:void(0)" onclick="javascript:window.parent.modalClose()">
	<svg viewBox="0 0 24 24">
		<path d="M22.2,4c0,0,0.5,0.6,0,1.1l-6.8,6.8l6.9,6.9c0.5,0.5,0,1.1,0,1.1L20,22.3c0,0-0.6,0.5-1.1,0L12,15.4l-6.9,6.9c-0.5,0.5-1.1,0-1.1,0L1.7,20c0,0-0.5-0.6,0-1.1L8.6,12L1.7,5.1C1.2,4.6,1.7,4,1.7,4L4,1.7c0,0,0.6-0.5,1.1,0L12,8.5l6.8-6.8c0.5-0.5,1.1,0,1.1,0L22.2,4z" /></svg>
	关闭
</a>

 

 

.close-x svg {
	position: relative;
	top: 2px;
	width: 14px;
	height: 14px;
}

.close-x path {
	fill: #ff8040;
}

.close-x:hover path {
	fill: #008080;
}

 

 

 

 

 

 

  • 大小: 2.4 KB
分享到:
评论

相关推荐

    svg.zip QGIS 海图矢量符号库

    QGIS中的SVG符号库允许用户导入SVG图形作为地图图层的样式,为地理要素如河流、道路、建筑物等创建定制化的视觉表示。SVG的优势在于其矢量特性,这意味着无论放大多少倍,图形都不会失真,这对于地理信息的显示尤其...

    Svg特殊字符

    在SVG文档中,特殊字符用于表示非ASCII码范围内的字符,如版权符号、引号、货币符号等。这些字符无法通过普通的键盘输入,但在HTML或SVG中,可以使用实体引用(entity reference)或数值引用(numeric character ...

    inkscape-open-symbols:可以用作Inkscape符号的开源SVG符号集

    符号库是位于一个SVG文档中的SVG符号集。 对于更多的技术读者,Inkscape在系统配置目录(通常为share/inkscape )中搜索任何带有符号( 元素)的有效SVG文件。 为什么要使用Inkscape打开符号? Inkscape 0.91仅包括...

    wincc svg对象修改工具

    SVG(Scalable Vector Graphics)是一种基于XML的矢量图形格式,它在WinCC中用于创建清晰、高分辨率的图形对象,尤其适用于在不同屏幕尺寸和分辨率下保持图像质量不变的情况。本文将详细介绍如何使用WinCC中的SVG...

    grunt-svgtoinline:将单个 AI SVG 文件转换为 svg 符号格式。 然后,将它们添加到正文中,以便为您的 svg 图像系统内联引用它们

    这个插件的主要功能是将Adobe Illustrator (AI) 创建的SVG文件转换成符合SVG符号(symbol)标准的格式。SVG符号是一种优化SVG图像的方法,它可以将多个SVG图像合并到一个单一的SVG文件中,然后通过ID引用这些符号,...

    地图ICON SVG标记(一个标记的svg格式文件)

    高德地图开发自定义marker标签的图标使用 .png .jpg 图标模糊的情况可以采用svg图标来解决模糊度,而使其清晰

    矿产资源符号

    矿产资源符号是地学领域中用于表示不同种类矿产资源的重要图形元素,它们通常以矢量图形的形式存在,以确保在地图制作和地理信息系统(GIS)中的清晰度和可缩放性。MapInfo是一款广泛使用的专业地理信息系统软件,...

    地理信息制图—符号库 大全.zip

    为了帮助用户更好地掌握符号库的使用,文件中可能包含的“制图规范图式符号文件使用说明20091115”文档,为符号的选用和应用提供了详细指导。这份文件可能详细阐述了如何根据不同的制图需求,选择合适的符号以及如何...

    svg桌面应用程序(一)

    博主可能讨论了如何通过适当的优化技术(如简化路径、缓存渲染结果、使用SVG符号系统等)来提高SVG在桌面应用程序中的表现。 7. **SVG与Web的结合**:SVG在Web开发中同样广泛应用,因此博主可能提到了如何在桌面...

    js操作svg图片的缩放 (2).zip

    考虑使用SVG符号(`&lt;symbol&gt;`)和视图框(`viewBox`)来管理复用的SVG片段,减少内存占用。 10. **库和框架**: 存在许多优秀的JavaScript库,如D3.js、Snap.svg等,它们提供了更高级的功能和更友好的API来操作SVG,...

    SVG 地图旋转动画.zip

    可以考虑使用SVG符号(`&lt;symbol&gt;`元素)和视图盒(`viewBox`属性)来优化渲染,或者使用Web Workers进行离主线程的计算。 通过理解并运用这些知识点,你可以从"SVG地图旋转动画.zip"中的文件学习如何创建自己的SVG...

    SVG绘制的悉尼歌剧院.rar_SVG绘制的悉尼歌剧院_svg

    这样,即使是对建筑模型的某个小部分进行修改,也只需要更新对应的SVG符号,而不会影响整个文件。 总的来说,这个项目展示了SVG和CSS3在网页设计和开发中的强大功能。SVG提供了矢量图形的能力,确保图像在任何...

    SVG精髓++第2版

    - **使用SVG符号库**:利用 `&lt;symbol&gt;` 和 `&lt;use&gt;` 元素来复用图形,避免重复定义相同的形状。 - **延迟加载**:对于大型或复杂的SVG图像,可以采用懒加载技术,在需要时才加载特定部分。 - **矢量化处理**:尽量...

    HTML5 SVG实现喜欢点赞动画特效.zip

    6. **性能优化**:为了确保动画的流畅性,可能需要考虑使用requestAnimationFrame或者优化SVG的渲染方式,比如将静态部分缓存为一个SVG符号(symbol)。 这些特效不仅可以增强用户体验,也可以提升网站的互动性和...

    svg-symbol-sprite-loader:加载程序和用于生成SVG符号精灵的插件

    :status :integrations :flair Webpack加载器和用于创建SVG精灵的插件SVG图标系统的动机 安装npm install svg-symbol-sprite-loader 配置指南最终的SVG图标系统遵循以下工作流程: SVG使用Webpack加载程序导入到您的...

    html5 svg鬼屋的手电筒场景特效.zip

    8. **性能优化**:考虑到大型SVG图形可能会影响页面加载速度,开发者可能会采用SVG符号(SVG symbols)或者懒加载技术,只在需要时才加载部分图形,从而提高页面性能。 综上所述,"html5 svg鬼屋的手电筒场景特效"是...

    78、Jquery+CSS3实现150个动画SVG图标

    6. **SVG符号(SVG Symbols)**:为了减少页面中重复的SVG代码,可以使用SVG符号,这样只需要在文档中引入一次,然后通过`use`元素引用,便于管理和维护。 7. **性能优化**:大量SVG动画可能影响页面性能,所以要合理...

    CSS3 SVG表情图标评论交互特效.zip

    在这个特效中,SVG图标可能通过`&lt;svg&gt;`标签直接内嵌在HTML中,或者通过`&lt;use&gt;`标签引用外部的SVG符号文件。通过这种方式,我们可以复用相同的SVG图标,减少代码冗余。SVG的`&lt;path&gt;`、`&lt;circle&gt;`、`&lt;rect&gt;`等元素用于...

    SVG画图手册(生物信息分析用)

    - 介绍了如何定义和使用SVG符号。 - 符号在生物信息学中可以用来表示常见的分子结构或者细胞组分。 3. **图像**: - 介绍了如何在SVG中嵌入其他图像格式。 - 在生物信息学中,这可以用来整合来自不同来源的数据...

    SVG格式定义的电力图元/电力图符

    在电力行业中,SVG格式被广泛用于定义电力图元,即电力系统中的符号和设备图标,因为它们可以被缩放而不损失清晰度,非常适合在各种尺寸的屏幕和打印材料上使用。 在电力接线图的绘制中,SVG格式的电力图元定义提供...

Global site tag (gtag.js) - Google Analytics