...；如小米官网左侧菜单栏： 2.CSS Sprite(CSS 精灵), 也称作 雪碧图；如华为官网右侧提示栏： 图标字体是个比较大的技术讨论点， 关于它可以出好几篇博文，可惜本文主角不是它， 今天主要探讨下 CSS Sprite -- 雪碧图 的各种实现...
...讨论问题 前端小图标处理方案众多，本文主要介绍基于雪碧图的处理方案，分析雪碧图的预处理和后处理模式的得与失，以及在项目中通常会遇到的问题以及解决方案。其他小图标处理方案未在此文探讨之列。 此外，本文更多...
CSS雪碧图，即CSS Sprite，也有人叫它CSS精灵图，是一种图像拼合技术。该方法是将多个小图标和背景图像合并到一张图片上，然后利用CSS的背景定位来显示需要显示的图片部分。 雪碧图的使用场景 静态图片，不随用户信息的...
CSS雪碧图，即CSS Sprite，也有人叫它CSS精灵图，是一种图像拼合技术。该方法是将多个小图标和背景图像合并到一张图片上，然后利用CSS的背景定位来显示需要显示的图片部分。 雪碧图的使用场景 静态图片，不随用户信息的...
...谢谢！ postcss-lazysprite 是一个基于PostCSS 开发的用于生成雪碧图图片及其CSS 的插件，经过半年持续迭代，现已稳定用在微信旗下两款产品的Web 业务中。其与市面上的雪碧图插件不同在于生成雪碧图的懒惰姿势。 前言 前端界...
css雪碧图又叫css精灵或css sprite，是一种背景图片的拼合技术。使用css雪碧图，能够减少页面的请求数、降低图片占用的字节，以此来达到提升页面访问速度的目的。但是它也有令人诟病的地方，就是拼图和后期维护的成本比...
...义checkbox， radio样式，花了半天时间，摸索出了一条制作雪碧图的路径，跟大家分享，如果有更好的制作雪碧图的方法，希望告知一下，在此感谢。 首先 在网上的图标库中寻找你生成雪碧图所需要的图标，我在阿里巴巴矢量图...
介绍 sprity 是一个模块化的雪碧图生成工具会根据目录中的图片生成相应的雪碧图和样式文件，支持retina图，可以内嵌base64 编码格式的图，支持不同的图片格式和有不同的图片引擎可以选择。sprity 的前身是css-sprite,sprity的 git...
...络带宽的情况下快速加载图片，我给他推荐了两种方式 1.雪碧图(css script),有过前端经验的朋友应该都有接触过。 2.懒加载。 由于时间关系我就先为大家介绍第一种雪碧图加载，其实雪碧图加载就是将多张大小尺寸基本相同类型...
生成雪碧图的代码 本文的样式预处理使用的是stylus 如果须要用到其它类型的预处理器，可对下面的代码进行修改如果想对雪碧图的生成原理及参数有更深入的了解请移步 spritesmith gulp.spritesmith const spritesmith = require(gulp.sprit...
之前写了一篇关于雪碧图的博文， 评论里有说用http2、或用SVG也有说用图标字体代替，大家知识面是挺广，但深入了解技术点的似乎却不多，否则不会有雪碧图过时无用，用http2或图标字体取代就好了的想法；http2后续有时间...
...将源码提取出来放在了 GitHub 上：t-rex-runner 游戏用到的雪碧图，音频文件可以在官方提供的源码网址里获取到。 为了方便食用，我将雪碧图中各个小图片的坐标信息标了出来（W: Width, H: Height, L: Left, T: Top）： 关于上面雪碧图...
...色看起来像是在四个不同方向行走所需的所有帧。 这个雪碧图中实际上有八个精灵状态：四个静态状态和四个动画状态。让我们看看这些状态是什么以及如何定义它们。 静态状态 精灵的静态状态定义精灵在不移动时的四个位...
...sp; 说完以上的颜色设置，那么还有个很精单的技术 雪碧图（精灵图）技术 CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示...
轻量云主机已更新简化版Windows帕鲁镜像的安装教程，现在仅需3步，就可以畅游帕鲁大陆！需要Lin...
UCloud轻量云主机已更新Linux帕鲁镜像的安装教程，现在仅需1步，就可以畅游帕鲁大陆！也欢迎大...
