网站性能优化之CSS无图片技术
在不使用CSS Image(通过CSS的引入的背景图片,不包括img标签内的图片)情况下生成类似图片效果的技术;换句话的意思就是在使用纯CSS生成类似图片效果的技术。
div+css无图片实现圆角矩形
在做页面的时候,很多时候会用圆角矩形来妆点一下,但如果用图片的话,即要用到图片又要用到大量的代码,势必增加了页面的重量....
HTML5/CSS3系列教程:使用SVG图片
在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG。SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!
使用jQuery和CSS将背景图片拉伸
现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。
谈谈CSS Sprites技术及其优化
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵 CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?
20个使用纯CSS3技术制作的3D按钮
站长之家(CHINAZ.com)5月7日编译:对于设计人员和开发人员来说,CSS一直是Web设计过程中重要的一部分,随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。在过去的Web开发中,通常使用Photoshop来设计按钮的样式,不过随着CSS3技术的发展,完全可以通过几行代码来制作一个漂亮的按钮。本文就将分享20个使用纯CSS3技术制作的3D按钮。
情人节演绎技术范 移动版百度首页推HTML5+CSS3特效
继农历新年“搜龙点睛”活动之后,百度移动在情人节当日再次推出情人节页面特效,借助HTML5技术成功演绎情人节浪漫的“技术范”。
使用CSS3实现的超酷幻灯图片效果
这个教程将介绍如何使用纯CSS创建一个干净的幻灯图片面板。主要想法是在面板中使用背景图片,然后在点击标签后使之动画。
网页提速之:利用css sprites减少图片请求
在高举“用户体验”为中心的网络时代,你是否因为打开网页速度太慢而关闭网页呢?相信很多人的答案都是肯定的。在高速的网络时代,千万不要挑战广东网民的耐心,不然只会导致网民远离你的网站而去。
谷歌CSS Sprite技术纪念现代舞先驱玛莎·葛兰姆诞辰117周年
玛莎·葛兰姆(Martha Graham,1894年5月11日-1991年4月1日),美国舞蹈家和编舞家,也是现代舞蹈史上最早的创始人之一。谷歌今天的Google Doodle使用了CSS Sprite技术,利用一个初始图片和一张画满各个动作的拼接图片,实现了动画,来纪念现代舞先驱。
21个你应该了解的令人惊奇的CSS技术
CSS(Cascading Style Sheets,层叠样式表)是现代的网页设计中不可或缺的元素,缺了它的话大多网站就会变得和十年前的网页一样丑陋。随着时间的推移,越来越多高质量的CSS教程在网页上出现。这里有21个很赞的技术/效果,而你可能从未想到有些是用CSS来实现的。
用CSS Sprites合并WordPress表情图片教程
用CSS Sprites将WordPress表情图片合并为一个文件这个想法其实我很早就有了,我已经在别的网站上见到这样的应用了(比如人间网就用了这个技术)。 那么这个方法有什么好处呢? 我想这个方法最大的好处就是大大减少了HTTP Request数量(要知道一般博客上面如果有表
CSS教程 CSS的Background Images 背景图片
背景图片Background Images有许多属性可以操作。幸运的是,可以使用background处理所有
CSS圆角——圆角化图片
在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗?
你需要知道的CSS3动画技术
本文译自Smashingmagazine,但是原文讲述的内容有些浅,也不是很完整,前端观察在翻译的前提下,增加了更多的更系统的内容。如有不足之处,欢迎指正补充。
如何使用CSS3来定位一个倾斜的图片
利用纯CSS可以做出千变万化的效果,特别是CSS3的引入更让更多的效果可以做出来。现在就让我们动手做出一个关于凉爽为题的图片库。
纯CSS图片预加载
有很多种方法来实现图片的预加载,通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧,用CSS你就可以毫不麻烦的预载你的图片。
阿里妈妈UED谈CSS Sprites技术
CSS Sprites并不是一门新技术,目前它已经在网页开发中发展得较为成熟,阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着Web
用div+css技术生成的日历选择器
以前的日历选择器都是用table制作的,现在都是div+css时代了,这两天就重写了一个日历选择器。