zhangyaochun
- 浏览: 2567702 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
-webkit-mask-box-image
实例代码：
.mask{
-webkit-mask-box-image:url(../mask.png)
}
- url 遮盖图片地址
- stretch 延伸距离
- -webkit-gradient() 使用渐变方法进行渲染
分享到：
发表评论
-
盒模型box-direction
2014-03-12 20:58 1135box-direction： ... -
盒模型box-align
2014-03-12 20:27 1144box-align： 受box ... -
css3 keyframes动画生成工具
2014-01-19 20:46 2441本文收录一个css3 keyframes动画生成工 ... -
采用:target来实现锚点的动画
2014-01-19 19:55 2719本代码片段来自gruntjs的官方文档： ... -
pointre-events介绍
2013-11-09 17:05 0本文介绍一下pointer-events ... -
判断支持pointer-events
2013-11-09 16:27 1300本代码片段来自Modernizr fun ... -
css之initial
2013-11-02 21:04 1106本文来自：https://developer. ... -
css4 valid与invalid
2013-08-05 12:03 0本文来自：http://dev.w3.org ... -
webkitMatchesSelector
2013-04-22 11:22 0本文内容部分来自： ht ... -
animation-fill-mode
2013-04-15 18:30 1211animation-fill-mode ... -
css3 animation
2013-04-11 13:18 1419css3 animation an ... -
css3伪类:not
2013-05-22 10:28 3034http://www.w3.org/TR/c ... -
css3案例之---采用rgba实现背景透明内容不透明
2013-03-28 17:44 2633前言： 部分内容来自doy的博 ... -
css3之transition-delay
2013-03-13 14:06 1387transition-delay ... -
css3之transition
2013-03-13 14:08 1450transition有以下4个 ... -
-webkit-min-device-pixel-ratio的常见值对照
2013-03-01 15:58 19856前言： 本文来自于对 http: ... -
-webkit-cross-fade
2013-02-27 12:13 1455前言： 本文做个人学习积累用！ ... -
iOS如何禁用长按页面弹出菜单
2013-02-01 12:24 4675iOS如何禁止用户长按页面导致弹出菜单？ ... -
iOS禁止用户选中文字
2013-02-23 17:20 2178iOS如何禁止用户选中文字？ 给文字增加样 ... -
css3 弹性盒模型 box-flex
2013-02-01 10:22 1350box-flex ------------- ...
相关推荐
CSS遮罩层mask css制作遮罩层mask.zip
html,css.css3.js,利用mask蒙版实现展示图片的动画
主要介绍了CSS3 mask 遮罩的具体使用方法，详细的介绍了CSS3 mask 遮罩的具体使用，具有一定的参考价值，有兴趣的可以了解一下
于是，遮罩mask与背景background非常类似，除了没有color子属性，背景background剩下的6个子属性，mask都有 遮罩mask是一个复合属性，包括mask-image、mask-mode、mask-repeat、mask-position、mask-clip、mask-...
html，css，js，CSS3，transform实现multi-flip图片轮播动画
主要介绍了CSS mask-image属性详细介绍(小结)的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
CSS mask遮罩属性的历史非常久远了，远到比CSS3 border-radius等属性还要久远，最早是出现在Safari浏览器上的，差不多可以追溯到09年。但是那个时候还是ie的天下，考虑到兼容性，所有没有被推广起来。不过现在，ie...
第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一：模拟Google公司Logo 3.3 文字实例二：制作页面的五彩标题 3.4 CSS段落文字 3.5 段落实例：百度搜索 第4章 用CSS设置...
主要介绍了css3实现文字扫光渐变动画效果的示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
巧用CSS的MASK滤镜
第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一：模拟Google公司Logo 3.3 文字实例二：制作页面的五彩标题 3.4 CSS段落文字 3.5 段落实例：百度搜索 第4章 用...
8.2.9 Mask属性 188 8.2.10 Shadow属性 189 8.2.11 Wave属性 191 8.2.12 Xray属性 194 8.3 小结 194 第9章 div+CSS介绍 195 9.1 网页布局模式 196 9.2 div概况 197 9.2.1 了解div 197 9.2.2 使用div 197 9.2.3 定义...
<div class=login-mask> <div class=login-box></div> [removed] var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h = window.innerHeight || ...
第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.2 文字实例一：模拟Google公司Logo 3.3 文字实例二：制作页面的五彩标题 3.4 CSS段落文字 3.5 段落实例：百度搜索 第4章 用CSS设置...
Web-前端html+css从入门到精通 161. mask遮罩效果.zip
第3章 用CSS设置丰富的文字效果 3.1 CSS文字样式 3.1.1 字体 3.1.2 文字大小 3.1.3 文字颜色 3.1.4 文字粗细 3.1.5 斜体 3.1.6 文字的下划线、顶划线和删除线 3.1.7 英文字母大小写 3.2...
HTML+CSS+JS数据可视化大屏平台模板实例10-大数据地图
看到这些效果我最初想到的是通过CSS的 mask 和 clip-path 来实现，甚至还想结合SVG相关的特性。为了验证自己的一些想法，开始着手撸码，但问题来了，在撸码的过程中，我发现自己对于 mask 的相关特性理解的还不够...