最新消息:

CSS

CSS3 — 区别Transform,Transition,Animation一句话描述

feifei 10年前 (2015-07-09) 2198浏览

Transform:对元素进行变形; Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。但只有两个关键贞。开始,结束。 Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似fl...

一些试验性CSS属性

feifei 10年前 (2015-07-09) 1551浏览

尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如 border-radius 、 box-shadow 或者 transform 等。它们有良好的文档、很好的测试并且最常用到,所以如果你最...

CSS border实现三角、三角形、圆角的方法

feifei 12年前 (2013-06-17) 2706浏览

一、前言 利用CSS的border属性可以生成一些图形,例如三角或是圆角。纯粹的CSS2的内容,没有兼容性的问题,我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原理,以及实例。我觉得此技术相当实...

css标准与最佳实践,使用技巧总结

feifei 13年前 (2012-09-06) 1950浏览

CSS用于定义网站的UI和将内容从外观中分离。 CSS在几乎所有网站中被广泛应用。让我们花点时间来看看我们编写的样式是否基于比较好的标准。 下面的这些技巧将对CSS初学者在开发中有所帮助,对CSS高手或许也将有某些提高。 索引   这个定...

总结:CSS Sprites实用技巧

feifei 13年前 (2012-09-06) 2316浏览

译自:Mozilla 原文:CSS Sprites的一些技巧 版权所有,转载请注明出处,多谢 众所周知,减少网站加载时间的最有效的方式之一就是减少网站的HTTP请求数。实现这一目标的一个有效的方法就是通过CSS Sprites——将多个图片整合到一个...

初始CSS Sprites:创建简单有用的CSS Sprites

feifei 13年前 (2012-09-04) 2533浏览

让我们从头开始吧. 什么是CSS Sprites? CSS sprites (CSS精灵,也有人翻译成CSS妖精) 是一种通过整合图片来改善我们的页面的加载时间,减少服务器请求数的方法。在这篇文章里,我将教你如何来实现它们。 看一下演示 | 下载 为...

CSS3动画之:滚动进度条

feifei 13年前 (2012-06-19) 3136浏览

效果图:(静态的哦) CSS3样式代码如下 CSS3动画效果之:滚动进度条 CSS .bg{ width:300px; height:50px; backgrou...