css3 content 圖標

使用css3新屬性clippath制作小圖標 2015-10-14

使用css3新屬性clippath制作小圖標
      一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种.最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片.但这也是比较笨的方法,因为浏览器同一时间最多加载的资源是有限的,例如IE7是2个,IE8是6个,chrome是6个,火狐是8个.如果网页上面有很多张零碎的小图片,导致请求的次数太多,等待加载状态中的资源会很多,明显影

使用CSS3制作72個webapp圖標 2015-10-17

使用CSS3制作72個webapp圖標
前言       移动网络带宽的快慢直接影响webapp应用体验效果的优差,其中加载图片是

CSS3 icon font完全指南(CSS3 font 會取代icon圖標) 2015-10-19

CSS3 icon font完全指南(CSS3 font 會取代icon圖標)
大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样.那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法 为什么要将icon做成字体? 在很多网站项目中,我们常常会用到各种透明小图标

CSS3畫騰訊QQ圖標 無圖片和js參考 2015-10-21

CSS3畫騰訊QQ圖標 無圖片和js參考
css代码: body { font: 12px Tahoma,arial,sans-se

9款基于CSS3 Transitions實現的滑鼠經過圖標懸停特效 2015-10-20

9款基于CSS3 Transitions實現的滑鼠經過圖標懸停特效
之前给大家分享了很多css3实现的按钮特效.今天给大家分享9款基于CSS3 Transitions实现的鼠标经过图标悬停特效.这款特效适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览   源码下载 实

css3 content 生成內容 2015-10-14

css3 content 生成內容
content一般和:before,:after一起使用,用来生成内容(img和input没有该属性),content的内容一般可以为以下四种: none: 不生成任何值. attr: 插入标签属性值 url: 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) string: 插入字符串 1 .clearfix:after { 2 cont

ie上 CSS3114: @fontface 未能完成 OpenType 嵌入權限檢查。(包括圖標無法顯示) 2015-10-15

ie上 CSS3114: @fontface 未能完成 OpenType 嵌入權限檢查。(包括圖標無法顯示)
转自:http://blog.csdn.net/shore_w/article/detai

(轉載)app ico圖標字體制作 2015-10-17

(轉載)app ico圖標字體制作
图标字体化浅谈   在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的

sencha touch 擴展篇之使用sass自定義主題樣式 (下)通過css修改官方組件樣式以及自定義圖標 2015-10-18

sencha touch 擴展篇之使用sass自定義主題樣式 (下)通過css修改官方組件樣式以及自定義圖標
  上一讲我们讲解了如何使用官方的api来修改主题样式,这讲我们继续讲解sass的样式修改, 编译官方自带的主题包  在生成的项目以及官方sdk的目录下,自带了一些主题sass包,我们也可以通过修改sass文件来引入他们并进行编译,下图是官方sdk中自带的主题样式包: 我们如何在sass文件中导入这

如何將 Font Awesome 轉成 PNG 圖標 詳細教程 含源代碼 2015-10-22

如何將 Font Awesome 轉成 PNG 圖標 詳細教程 含源代碼
最近因为项目上需要用到这个字体图标,但是它里面的许多也不能完全满足项目需要,因此就考虑将这个图标导出,然后自己再添加一些其他图标使用 搜索了些解决方案,如:http://www.oschina.net/translate/how-to-convert-font-awesome-to-png-icons,但是上面的步骤过于简单,一个新手完全不会使用,比如Python自己就一点都没

基于Metronic的Bootstrap開發框架經驗總結(4)Bootstrap圖標的提取和利用 2015-10-14

基于Metronic的Bootstrap開發框架經驗總結(4)Bootstrap圖標的提取和利用
在前面的一篇随笔<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理>介绍了菜单模块的处理,主要介绍如何动态从数据库里面获取记录并构建菜单列表.其中菜单信息的图标样式,也是从数据库里面获取的,因此要求我们能够动态取得Bootstrap里面的各种图标定义了.本篇主要介绍如何提取Bootstrap的图标信息,存储到数据库里面为我所用 ...

學習WPF——使用FontAwesome圖標字體 2015-10-14

图标字体介绍 在介绍图标字体之前,不得不介绍图标格式ICON ICON是一种图标格式,我们操作系统中各种应用程序都包含一个图标 比如QQ程序的图标是一个可愛的企鹅,我的电脑是一个显示器图标 - 一个图标文件是扩展名为

HTML5移動Web開發(七)——通過界面圖標啓動Web應用 2015-10-14

HTML5移動Web開發(七)——通過界面圖標啓動Web應用
现在我们要使用手机上某个应用时,通过点击屏幕上的图标就可以运行.但是对基于HTML的Web

html5實現ios長按圖標後進入圖標排序及刪除功能的效果 2015-10-14

html5實現ios長按圖標後進入圖標排序及刪除功能的效果
html5实现ios图标后进入图标排序及删除功能的效果 我们知道在ios(国产定制安卓系统

02、Universal app 中按鈕圖標使用 2015-10-15

02、Universal app 中按鈕圖標使用
       前言,windows10 昨天凌晨发布了,windows store 开发模

基于MVC4+EasyUI的Web開發框架經驗總結(14)自動生成圖標樣式文件和圖標的選擇操作 2015-10-15

基于MVC4+EasyUI的Web開發框架經驗總結(14)自動生成圖標樣式文件和圖標的選擇操作
在很多Web系统中,一般都可能提供一些图标的选择,方便配置按钮,菜单等界面元素的图标,从而是Web系统界面看起来更加美观和协调.但是在系统中一般内置的图标样式相对比较有限,而且硬编码写到样式表里面,这样给我们扩展使用有很多的不方便.基于这个原因,我想如果能够独立一个模块,自动根据图标生成图标CSS样式文件,并存储相应的记录到数据库里面,方便我们查询显示,那样我们使用起来就很方便

Bootstrap&lt;基礎十一字體圖標(Glyphicons) 2015-10-16

Bootstrap&lt;基礎十一字體圖標(Glyphicons)
字体图标(Glyphicons),并通过一些实例了解它的使用.Bootstrap 捆綁了

IKONS – 贊!264 款手工打造的免費矢量圖標 2015-10-16

IKONS – 贊!264 款手工打造的免費矢量圖標
IKONS 是一套免费的矢量图标集,包含264款手工精心制作的可伸缩的矢量图标,分享给网页
一周排行