使用css3新属性clip-path制作小图标
一般一个网页上面，或多或少都会用到一些小图标，展示这些小图标的方法有很多种。最简单的做法就是将UI图上面的每个小图标都保存为图片，一个小图标就一张图片。但这也是比较笨的方法，因为浏览器同一时间最多加载的资源是有限的，例如IE7是2个，IE8是6个，chrome是6个，火狐 ...
原文：使用CSS3制作72个webapp图标
前言 移动网络带宽的快慢直接影响webapp应用体验效果的优差，其中加载图片是很耗流量的，所以对这一方面的性能优化是很需要的。一般对于那些小而多的图片 图标 都会采用sprite合并成一张图片来减少http的请求次数。而CSS 的出现，无疑在移动端对图标的优化有着比较大的帮助。为此，自己也琢磨使用CSS 来制作一些常用的图标。有句话这么说：能用CSS 就不用图片 正题 于是用了一天的时间，我制作了 ...
2015-07-23 20:07 8 5484 推荐指数：
相关推荐
纯CSS3制作超级漂亮又实用的加载小图标
先来一张各种效果的预览图，其实代码并不复杂，关键看自己如何运用。 css：demo css：loaders ...
[原创]webapp/css3实战，制作一个《炉石传说》宣传页
在移动网页，尤其是webapp中常需要用到大量的css3动画，来获得良好交互体验 我之前帮朋友做了一个，可惜没帮上忙现在和大家分享一下 目标是要做一个《炉石传说》游戏的介绍宣传页面，文字内容不多，主要是要和用户有互动 脑海中闪过很多见过的css3效果，决定总体采用一个3d翻转效果，每页 ...
css字体图标的制作和使用。
css字体图标的制作和使用。 在项目开发的过程中，我们会经常用到一些图标。但是我们在使用这些图标时，往往会遇到失真的情况，而且图片数量很多的话，页面加载就越慢。所以，我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。 一：如何制作字体图标 1：上网下载需要 ...
一个标签的72变，打造一个纯CSS图标库
每次要用到图标的时候都会到 icono 去copypaste，但每次用到的时候尺寸都各不一样，总是要调整参数，巨烦。当然你可以会想到用zoom、scale来做缩放，但是这样的缩放会使得线宽也变粗了，不甚满意。 终于下定心思来改造一个可缩放的图标库。github先上：https ...
【css3】使用filter属性实现改变svg图标颜色
1.兼容性： 2.应用场景：新增页面上传svg图标后，更改图标颜色后，在列表页面展示色值改后的svg图标。 3.解决方案：使用filter属性中的 drop-shadow，drop-shadow滤镜可以给元素或图片非透明区域添加投影。 css: html ...
Andriod使用WebView制作webAPP
安卓期末考试做一个app，使用原生安卓开发界面太慢便采用了WebView的方式封装一个WebApp,界面做到响应式即可。 实现思路：确保浏览器端可以正确的跑起自己的项目且界面兼容手机界面，在使用WebView进行封装URL，将本机当作服务器。 1.先在AndriodManifest.xml中允 ...
CSS3 制作向左、向右及关闭图标的效果 (另一种思路)
最终效果 制作步骤 1.边框 CSS及Html代码 显示效果 2.向左的标志 CSS及Html代码，增加的代码在黄色范围内 显示效果 方向不对了，马上修改一下方向，逆时针旋转45度调整一下 CSS及Html代码 这回再看看效果 ...