CSS3制作渐变文字（-webkit-mask-image 与 -webkit-background-clip） 今天去css-tricks无意间发现了标题运用渐变文字这一效果，这使的想起了webkit内核浏览器的一些私有属性。而实现渐变文字这一特效可以借助webkit浏览器的两个私有属性-...
分类：
Web程序 时间：
2014-07-07 11:46:47
阅读次数：
268
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3...
分类：
移动开发 时间：
2014-07-07 09:28:27
阅读次数：
211
响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 制作出来的网站结构良好，有很多惊人的效果，并能够在任何设备上浏览。今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业...
分类：
Web程序 时间：
2014-07-07 08:42:48
阅读次数：
214
用户的屏幕越来越大，而页面太宽的话会不宜阅读，所以绝大部分网站的主体宽度和之前相比没有太大的变化，于是浏览器中就有越来越多的空白区域，所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见，比如，侧边栏的部分区域。position:sticky为此而生。position:sticky用法pos...
分类：
Web程序 时间：
2014-07-07 08:11:51
阅读次数：
368
如果要想在IE浏览器中实现圆角的效果，我们一般都会采用圆角图片的方式。用图片的话，基本就跟浏览器没有多大关系了，因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果，值得注意的是，IE6/7/8这三个IE浏览器版本都不支持CSS3的解析，只有还不太主流的IE9支持CSS...
分类：
Web程序 时间：
2014-07-07 00:03:59
阅读次数：
422
在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式.....
分类：
Web程序 时间：
2014-07-06 22:27:28
阅读次数：
290
之前在看一些css3效果demo的时候，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，当然这也有可能包含了coder个人的习惯或是强迫性>"<，比如下面这两种：.transition{ -webkit-trans....
分类：
其他好文 时间：
2014-07-05 18:08:33
阅读次数：
197
css相关知识：1. 使用box-shadow设置图片阴影,为照片加上阴影eg： box-shadow: 0 0 5px 3px #abc2. 使用tansform-origin定义变形原点eg: -webkit-transform-origin: 0 1px3. 使用transform变形，常用变...
分类：
Web程序 时间：
2014-07-03 20:41:28
阅读次数：
242
转自：http://mobile.51cto.com/web-315568.htm 目前,jQuery Mobile是在HTML5 移动开发中的一个很不错的框架,它为熟悉Jquery的开发者进行移动开发提供了很大方便。jQuery Mobile使用的是HTML5和CSS3，除了能提供很多基础的移动页...
分类：
Web程序 时间：
2014-07-02 19:00:57
阅读次数：
252
概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+,...
分类：
Web程序 时间：
2014-07-02 10:26:43
阅读次数：
329
