前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round { padding:10px; width:300...
分类:
Web程序 时间:
2014-11-19 15:37:49
阅读次数:
192
/** */function RainyDay(canvasid, sourceid, width, height, opacity, blur) { this.canvasid = canvasid; this.canvas = document.getElementById(canvasid);...
分类:
Web程序 时间:
2014-11-19 15:30:14
阅读次数:
309
下面主要讲的是 纯css3写的各种loading动画, 有不足或其他css3动画技术可与我研究讨论:第一种代码: Loading 第二种写法代码: Loading 第三种loading写法代码: Loading 第四种loading写法: Load...
分类:
Web程序 时间:
2014-11-19 14:04:56
阅读次数:
315
CSS3 圆角(border-radius)前缀例1例2:无边框书写顺序其它支持性值:半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如:-webkit-border-radius)用于Safari和Chrome。例1#round { p...
分类:
Web程序 时间:
2014-11-19 12:06:44
阅读次数:
190
动画在webapp的现状webapp模式的网站追求的就是一个体验,是HTML5&CSS3浪潮下的产物,抛开体验不说,webapp模式门槛比较高;而体验优化的一个重点便是动画,可以说动画是webapp的一个亮点。但也是一个难点,一个痛点,主要原因是:移动端手机的碎片化严重。设备、型号、版本、分辨率等差...
分类:
移动开发 时间:
2014-11-19 10:40:19
阅读次数:
256
@font-face语法规则
@font-face { font-family: ; src: [][, []]*; [font-weight: ]; [font-style: ]; }
说明:
YourWebFontName:此值指的就是你自定义的字体名称,最好是使用你下载的默认字体,他将被引用到你的Web元素中的font-family。如“font-...
分类:
Web程序 时间:
2014-11-19 01:55:45
阅读次数:
186
使用 jQuery Mobile 和 CSS3 实现响应式设计 创建可以适应每个用户的屏幕分辨率的 Web 页面布局 jQuery Mobile 框架就其本身而言就是一个优秀的解决方案,可以快速创建一个可访问的由 HTML5 标记驱动的移动网站。...
分类:
Web程序 时间:
2014-11-18 09:14:25
阅读次数:
336
自适应布局是流动性布局的一种;针对不同的移动设备,这种布局方式很方便;一:相关CSS3样式,以及本人爱好的书写顺序: 1.子元素盒模型 display:-webkit-box | -moz-box | box; 2.子元素方向 box-orient:horizontal | vertical ...
分类:
其他好文 时间:
2014-11-17 17:31:41
阅读次数:
249
大概大家都知道`id`,`class`以及`descendant`选择器,并且整体都在使用它们,那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的,所以它们只能在相应最新版本的浏览器中才能生效,你完全应该把这些都记在你聪明的脑袋里面。
分类:
Web程序 时间:
2014-11-17 15:32:07
阅读次数:
206