雪碧

雪碧图sprity 合并多图使用心得

介绍sprity是一个模块化的雪碧图生成工具会根据目录中的图片生成相应的雪碧图和样式文件，支持retina图，可以内嵌base64编码格式的图，支持不同的图片格式和有不同的图片引擎可以选择。
qinghui·2020-08-24 13:17

css-sprite，可能是最好用的雪碧图工具了

可能是最好用的雪碧图工具了，好吧，至少是我用过最好用的。首先安装css-sprite，安装这里很坑，等我最后再说。
rayliao·2020-08-24 13:06

利用 CSS animation 和 CSS sprite 制作动画

今天给大家介绍一个使用CSSanimation配合雪碧图(CSSsprite)来制作动画的方法，可以做出类似于GIF动画的效果。
ac黄·2020-08-24 13:45

使用compass自动合并css雪碧图(css sprite)

css雪碧图又叫css精灵或csssprite，是一种背景图片的拼合技术。使用css雪碧图，能够减少页面的请求数、降低图片占用的字节，以此来达到提升页面访问速度的目的。
lolomaco·2020-08-24 13:04

webpack雪碧图

plugins:[newSpritesmithPlugin({//目标小图标src:{cwd:path.resolve(__dirname,'app/images/'),glob:'*.png'},//输出雪碧图文件及样式文件
金字笙调·2020-08-24 10:28

2018-03-23

1.你项目都有做哪些性能优化图标合并少用绝对定位图片压缩代码压缩尽量少操做dom少用大幅度动画图标合并：使用雪碧图或字体图标少用绝对定位：绝对定位会让页面变卡，会引起页面回流（回流就是页面重排，重绘和回流有啥区别
welcomeHere·2020-08-24 10:31

请不要以结婚为目的的恋爱。

每一杯普通的水和喜欢的人在一起就会变成雪碧他的胳膊轻轻和你碰到你心里的气泡就会滋儿一下跑到嗓子甜呀还亮晶晶的好像刚才喝下了整条星河。
文字控biu·2020-08-24 06:58

20个世界知名品牌的中英广告词

-雪碧3.Thenewdigitalera.数位新时代。-新力影碟机4.Welead.Other
树米英语·2020-08-24 05:30

JS制作字体图（文字图）

制作字体图总共有三种办法：第一种：CSSSprite（美其名曰雪碧图）第二种：font+HTML进行制作第三种：CSS+font进行制作这里为大家讲解一下前两种的制作方式：第一种：主要使用两个属性，一个是
马优晨·2020-08-23 18:06

我好想你

我好想你想带你去云南大理我好想你是玉龙雪峰的云曦我好想你是瓦尔登湖的静谧我好想你是金字塔底的神秘我好想你是东非裂谷的缝隙我好想你是埋藏心间的情意我好想你是似曾相识的雨季我好想你是梨花带雨的怜惜我好想你是春风十里的旖旎我好想你是炎炎夏日的雪碧我好想你是秋风瑟瑟的大衣我好想你是大雪纷飞的足迹我好想你是深夜细语的喃呢我好想你是一枕黄粱的回忆我好想你是辗转反侧的坐起我好想你是老夫老妻的默契我好想你是百年孤
路辉君·2020-08-23 17:01

关于古法红糖你必须知道的

四块红糖约等于半听雪碧（300ml）的热量，约等于140千卡，约
九吉公土法红糖·2020-08-23 16:57

年味儿

04我喝的红酒，掺了很多雪碧。05晚上看春晚，开始不到一个小时，我爸我妈我爷爷围着火盆边抱着胳膊打瞌睡。06潘长江那句“我的女人不用别的男人照顾”，
彭温婉·2020-08-23 16:58

流水账Dαy11

强子半倚着冰箱，喝着冻雪碧。华仔则认真地啃着老冰棍，眼神儿死死地盯着电脑屏幕。“唉，我说，这图怎么画成这样呢？”华仔疑惑地小声嘀咕了一下。他一向这样，爱钻牛角尖，凡事都要搞个清楚明白，大家都习惯了。
天真的二次方·2020-08-23 16:24

母亲（八）青春的聚会

当天清早，父亲上街割肉，买鱼，还买了大瓶的雪碧。我和弟弟也不睡懒觉，起得很早，打扫房间，清扫门前空地的落叶。那天天气真好，天气晴朗，春风和畅。村前村后，花树将萌，原野上麦苗返青，真是个待客的好日子。
彭亮红·2020-08-23 07:02

学习WebGL_011_嵌套纹理、雪碧图、视频纹理

作者:DSLMing时间:2019.10.23参考:FunWithWebGL2014TextureMasksFunWithWebGL2015TextureAtlas一、嵌套纹理指定纹理的位置,从而将2张纹理组合成一个新的纹理。例如,有纹理A:还有纹理B:最终组合为:1、片元代码precisionmediumpfloat;uniformsampler2DuMask_A;uniformsampler2
DSLMing·2020-08-23 06:43

「088」感恩那些我不能再吃的美食

冰镇西瓜，雪碧，加冰的奶茶，寒凉的海鲜……让我们好好说再见。感恩~
子不能说·2020-08-23 06:16

【校园恐怖】雪碧之死

凄厉的笑声在308内响起，躺在四号床铺上的雪碧从熟睡中突然惊醒！此时，桑桑已经飘走。是的，桑桑是个女鬼，曾经被308的一个女的暗杀。死不瞑目的她出来报复了。
雪碧155·2020-08-23 03:17

听相声打油

作者/胄宁2015年10月10号，三天班罢，晚大风怒号，骑车往观之，独孤无伴，市雪碧一听，听古今闲情，甚可乐也。思故友，忆娉婷，世间乐事甚少，念去去，各珍重，愿欢娱常伴诸君。
胄宁·2020-08-23 01:53

手把手教你搞定 vue-cli4 配置

配置基础vue.config.js√配置proxy跨域√修复HMR(热更新)失效√修复LazyloadingroutesError：Cyclicdependency√添加别名alias√压缩图片√自动生成雪碧图
盏茶作酒·2020-08-22 13:36

css雪碧图（精灵图）与字体图标的介绍以及对比

碰到这样的情况，可以使用两种方式解决这种问题：CSS雪碧图以及字体图标。但是这两种方式也都有不同的适用场景，需要根据实际需求来做取舍。1.CSS雪碧图简介CSS雪碧图即CSSSprite
JHCan333·2020-08-22 12:24

Lottie-前端实现AE动效

项目背景在海外项目中，为了优化用户体验加入了几处微交互动画，实现方式是设计输出合成的雪碧图，前端通过序列帧实现动画效果：帧动画的缺点和局限性比较明显，合成的雪碧图文件大，且在不同屏幕分辨率下可能会失真
球球·2020-08-22 11:48

酒

四桌人整整齐齐吃得饱饱的，唯独只有主桌喝酒，我们都喝雪碧和花生牛奶。吴总之前因为喝酒痛风，今日太开心，竟然端着酒杯来我们这一桌喝酒，怎料大家伙都不太给面子，集体举起了饮料杯，吴总酒喝得不尽兴。
鼻涕虫的等待·2020-08-22 11:34

如何在小程序中使用雪碧图

小程序对上传的代码有2M的大小限制，因此一般在小程序中使用icon的时候，要么是用icon-font，要么就是将icon图片上传到cdn再使用，而不会将图片放在本地。但是使用icon-font有一个问题，就是不能使用渐变色，因此，需要渐变色的icon都只能使用图片来完成。如果这样的icon少还可以手动一张张上传到cdn，但是多到10-20张，手动传就是一件耗时费力的事了。因此，我们需要把我们的ic
郑兆龙·2020-08-22 10:13

Webpack中雪碧图使用详解

为了避免这种情况，我们需要使用到雪碧图将这些图标整合到一张图片上，再使用CSS背景及其定位，将需要显示的图标移动到
xuweijian·2020-08-22 10:26

postcss-lazysprite: 一种生成CSS 雪碧图的懒惰姿势

postcss-lazysprite是一个基于PostCSS开发的用于生成雪碧图图片及其CSS的插件，经过半年持续迭代，现已稳定用在微信旗下两款产品的Web业务中。
JeffMa·2020-08-22 10:19

「CSS3」ImageMagick - 从gif建立雪碧图动画 - Sprite Sheet Animation

ImageMagickImageMagick是当前非常流行的一个图像处理库，一些大型的公司，例如Facebook、雅虎等都在使用ImageMagick对用户上传的图像进行处理。ImageMagick基本上可以支持所有的基础图像处理，例如尺寸、亮度、灰度的改变，滤镜和特效的添加，图片格式转换，制作gif或者扁平化gif...基本上你所能想到的所有基础图片操作，它都能做到。ImageMagick对平台
JasonKidd·2020-08-22 10:43

webpack雪碧图实现（webpack管理小图标素材）

雪碧图也叫CSS精灵，是一CSS图像合成技术，这里介绍webpack实现雪碧图//新手建议先看上一篇文章，结合实例容易理解；//webpack+vue+vueRouter模块化构建完整项目实例超详细步骤
李洪威·2020-08-22 10:09

浅谈 CSS Sprites 雪碧图应用

前言网站开发90%会用到小图标，多小图标调用显示是前端开发常见的问题；目前小图标显示常见有两种方式（其他方式欢迎补充）：1.图标字体显示；如小米官网左侧菜单栏：2.CSSSprite(CSS精灵),也称作雪碧图
wteamxq·2020-08-22 10:03

最佳“饮料”----白开水

人们一伸手就能在商店里买到矿泉水和纯净水，喝雪碧，可乐更成了一种时尚，名种繁多的各种功能的饮料更是赢得了青少年的喜爱，而饮用白开水的人越来越少。
末日裁决·2020-08-22 01:44

将png图片序列生成雪碧图

一、前置步骤首先，我们需要知道的是，Gulp和所有Gulp插件都是基于nodeJS来运行的，所以需要电脑首先安装nodejs，完成nodejs后。下载nodejs在官方网站下载：https://nodejs.org/en/选择相应的格式下载，下载后安装即可，安装成功后打开控制台，运行命令node-v会显示如下图所示：如果机器上已经配置nodejs环境，可以忽略以上步骤。1.使用gulp，需要下载g
Simple_Learn·2020-08-21 20:23

喝了这碗82年的雪碧。

“喂，你轻点敲行不？”键盘一口东北腔的跟你商量着。“对不起，对不起。”你意识到刚刚的行为有些不礼貌，就赶紧道了歉。“它最近暴躁，你不要理它啦。”鼠标温和的缓解你心中的歉疚。“我连续被拍打，工作20个小时，我也会暴躁啊。”显示屏突然睁开了眼，一瞬间你以为你刚刚写的东西都流失了。好在，它只是对你翻了个白眼，就又闭上了眼睛。“你现在——吱——真的——吱——很重了。”椅子嘎吱嘎吱的小声埋怨着。你顿了一下双
引梦的灯塔·2020-08-21 20:26

angular中合成雪碧图的笨办法

1、添加gulpfile.js文件，编辑合成sprite的代码。注意：图片路径和当前gulp的路径。2、在gulpfile.js所在目录下，运行gulp命令，在你所需要合成图片的目录下生成sprite.png和sprite.css。注意：理清楚gulpfile.js地址、图片地址、生成图片和css地址。3、多个图片文件夹一次依此按照上面步骤，修改地址，在不同目录下生成sprite.png和spri
clp简·2020-08-21 19:58

这样喝酒让你千杯不醉……

从红酒+雪碧，到威士忌+冰红茶，再到伏特加+红牛、啤酒+可乐......各种掺兑组合数不胜数。然而
哈哈虎文化·2020-08-21 18:30

css实现序列帧闪电动效

先看效果：实现原理1、需要视觉设计师提供一张雪碧图，包含多张动画状态，也就是所谓的序列帧，依次排列在一张图上；2、前端通过css去改变背景图的位置；3、将动画持续反复，类似于我么小时候玩过的翻书小动画；
小天使娜娜·2020-08-21 14:34

喜茶＿蓝柑火龙（柠檬）物语

图片发自App在小量斗中加入蓝柑酱4ml再加26ml的雪碧，然后把小量斗倒入调味杯中加入冰到满杯加果酱25g摇匀，再加满雪碧到满杯，在上面加入红龙果少许（或者柠檬一片）。
阿猫阿狗来了·2020-08-21 14:41

Tool-生成雪碧图（sprite）

小图标使用方法图标字体（例如:阿里出品的iconfont）雪碧图（CSSSprite）等等...雪碧图（CSS雪碧）CSS雪碧即CSSSprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上
weixin_34279061·2020-08-21 11:45

那些美味又邪恶的食物

1、火锅，必须重庆老火锅第一次在重庆吃到正宗的老火锅，被辣到头发昏，胃里起火，每吃一口都要喝一大口冰雪碧，可是依然停不下来！
树洞前的兔子·2020-08-21 10:16

可口可乐VS百事可乐，哪个更胜一筹？

雪碧？还是可乐呢？小编身边的朋友们都比较爱喝可乐，那就来说说可乐吧！
有名字的小姐姐·2020-08-21 09:11

CSS

css属性语法1.css引入方式：(1)外部样式表(2)内部样式表(3)行内样式表2.css背景：(1)雪碧图，css精灵图(2)使用cssSprite可以减少网络请求，提高网易加载性能。
jrg陈咪咪sunny·2020-08-21 07:00

呵

不喜欢苦，品不出浓酽，对酒精敏感，最喜欢的就是放了气的甜雪碧。即便如此，那也要想去咖啡店，那也喜欢买瓶香槟。大概是因为委屈吧，做做样子也好啊，毕竟，那是我想要的样子呀!图片发自App
Yves8·2020-08-21 03:15

Web前端性能优化，应该怎么做?

base64：尤其是在移动端，小图标可以base64（webpack），大图片慎用（如果加载速度过于慢的，而且很重要的图片，可以用base64）1、减少HTTP的请求次数和传输报文的大小CSSSprite（雪碧图
华为云开发者社区·2020-08-21 03:40

gulp简单的配置和应用

gulp是一个基于流的自动化构建工具工具的具体使用和配置，如css压缩合并，图片合并雪碧图，热加载等操作1创建项目1.1安装gulp命令行工具npminstall--globalgulp-cli1.2创建项目目录并进入
樱凌轩Cx0Yc·2020-08-21 02:42

gulp简单的配置和应用

gulp是一个基于流的自动化构建工具工具的具体使用和配置，如css压缩合并，图片合并雪碧图，热加载等操作1创建项目1.1安装gulp命令行工具npminstall--globalgulp-cli1.2创建项目目录并进入
樱凌轩Cx0Yc·2020-08-21 02:23

sass 结合 keyframe 实现 css3的逐帧动画

现有如下雪碧图，实现逐帧动画效果预览:所以需要结合css3animation的steps()属性，我理解的steps的第一个参数的代表的是在一个动画间隔里分几步实现。
旅图灬·2020-08-21 01:20

教了十多年游泳，这位专业教练说：小孩学游泳，急不得！

作者：梦觉教练来源：小花生网（ID：xiaohuasheng99）夏天，除了有吃不完的西瓜雪碧冰淇淋，最爽的事就是泡在清凉的泳池里啦。很多爸妈，也在暑假，把「学游泳」这件大事，提上了日程。
丁香妈妈教育·2020-08-21 00:00

tesseract-OCR 图像识别插件 node-tesr 了解一下？

前言该项目诞生于一次爬虫事件，当时一时兴起想把某租房网信息爬下来，前面进行的还是挺顺畅的，但是在租房价格信息上被摆了一道，房屋的价格信息为一个数字图片为底加上偏移量来显示的，和雪碧图一样的实现方式，当然
裤裆三重奏·2020-08-20 21:33

tesseract-OCR 图像识别插件 node-tesr 了解一下？

前言该项目诞生于一次爬虫事件，当时一时兴起想把某租房网信息爬下来，前面进行的还是挺顺畅的，但是在租房价格信息上被摆了一道，房屋的价格信息为一个数字图片为底加上偏移量来显示的，和雪碧图一样的实现方式，当然
裤裆三重奏·2020-08-20 21:33

网页性能优化-图片

网页性能的优化：资源合并与压缩（html/css/js压缩合并）图片相关优化（不同业务场景选择不同的图片格式，雪碧图等）css/js装载与执行（引用先后顺序及方式，是否阻塞，相互之间的依赖关系）懒加载／
粗心的弹簧豆·2020-08-20 21:22

网页性能优化-图片

网页性能的优化：资源合并与压缩（html/css/js压缩合并）图片相关优化（不同业务场景选择不同的图片格式，雪碧图等）css/js装载与执行（引用先后顺序及方式，是否阻塞，相互之间的依赖关系）懒加载／
粗心的弹簧豆·2020-08-20 21:21

玩转 Compass Sprite

Sprite（精灵），在国内也叫雪碧（音译），是一种CSS图像合并技术，该方法是将图标和背景图像合并到一张图片上，然后利用CSS的背景定位来显示需要显示的图片部分。
omgdog·2020-08-20 20:05
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他