webkit私有属性集合
iteye_2245
这个作者很懒,什么都没留下…
展开
-
WebKit特殊样式值
最近一直在研究一些css的框架,遇到一些平时自己很少写的WebKit的特殊样式,记录下来,个人学习。 -webkit-focus-ring-color 官网上是这样写的: Create a blue glow effect.Seems to have only an effect for outline style attributes. ...2012-02-07 11:21:30 · 110 阅读 · 0 评论 -
-webkit-cross-fade
前言: 本文做个人学习积累用! 正文: -webkit-cross-fade 支持图片交叉淡入淡出background-image:-webkit-cross-fade(url(**.png),url(**.png),50%); 官方草案里面:http://www.w3.org/TR/2011/WD-css3-images-...原创 2013-02-27 12:13:05 · 204 阅读 · 0 评论 -
iOS禁止用户选中文字
iOS如何禁止用户选中文字? 给文字增加样式: -webkit-user-select:none;原创 2013-02-23 17:20:18 · 769 阅读 · 0 评论 -
iOS如何禁用长按页面弹出菜单
iOS如何禁止用户长按页面导致弹出菜单? 给元素设置样式: -webkit-touch-callout:none; 补充:同样适用于图片如果想禁止用户保存或者复制等...原创 2013-02-01 12:24:43 · 1162 阅读 · 1 评论 -
webkit的cursor新规则
加入cursor两个新规则: -webkit-zoom-in 出现一个放大的icon-webkit-zoom-out 出现一个缩小的的icon原创 2013-01-11 16:36:32 · 148 阅读 · 0 评论 -
Chrome命令收集
本文主要收集一些Chrome浏览器的命令: chrome://flags 启用或者关闭某些chrome的体验特性 2. chrome://downloads 查看下载的内容,可以按ctrl+j 3. chrome://extensions 菜单-工具-扩展 4. c...原创 2012-11-14 18:42:07 · 67 阅读 · 0 评论 -
css3之mask
-webkit-mask-box-image 实例代码: .mask{ -webkit-mask-box-image:url(../mask.png)} url 遮盖图片地址stretch 延伸距离-webkit-grad...2012-10-29 16:52:37 · 86 阅读 · 0 评论 -
介绍一下x-webkit-speech -------实现语音输入
其实大家都能从一淘啊或者淘宝相关的产品里面看到这样的输入框: 好奇的人都会查看源码看看到底是什么东东? 里面有两个东东: 1、x-webkit-speech 目前只有Chrome 11+的支持 属性和事件介绍: lang <input type="text" x-webkit-speech la...2012-05-08 19:14:49 · 400 阅读 · 0 评论 -
你认识-webkit-filter吗
前言: 其实这个topic的谈起,还是某某大侠基于webkit做一个特效的时候讨论到的,可能部分同学没有遇到过,简单说说吧。 正文: 其实说起这个就先说说一个规范吧,Filter Effects 1.0 规范的37点提了几种可能的值: drop-shadow 阴影 参数:<shadow...2012-09-29 15:52:05 · 123 阅读 · 0 评论 -
-webkit-backface-visibility属性
-webkit-backface-visibility 属性 有两个值: initial 翻转之后上面的内容还是可见hidden 翻转之后上面的内部不可见 ...2012-09-09 14:37:15 · 1807 阅读 · 0 评论 -
-webkit-perspective属性
-webkit-perspective属性 ---------- 将平面图形转换为具有透视的3D图形,该属性只能使其子元素产生3D,不对自身节点产生影响。 只影响3D转换元素 http://ued.ctrip.com/blog/wp-content/webkitcss/demo/perspective.html ...2012-09-08 21:19:51 · 2947 阅读 · 0 评论 -
-webkit-transform-style
-webkit-transform-style ------- 表示被嵌套的元素在3D空间采用何种渲染方式 有两个值: flat 默认 所有子节点元素均不再有3D效果preserve-3d 扩展阅读: http://www.webkit.org/blog-files/3d-transforms/t...2012-09-08 21:02:35 · 679 阅读 · 0 评论 -
-webkit-text-stroke相关
讲到这个,还是提一提text-stroke与text-fill-color text-stroke -------- 文本描边 目前只有webkit内核的chrome和safari支持 text-fill-color -------- 文本填充色 -webkit-text-stro...2012-07-29 17:29:54 · 122 阅读 · 0 评论 -
谈谈-webkit-font-smoothing
webkit内核的私有属性: -webkit-font-smoothing -------------------- 用于字体抗锯齿,使用后字体看起来会更清晰舒服 它有3个可选的值:none ------ 对低像素的文本比较好subpixel-antialiased ...2012-07-29 16:39:52 · 112 阅读 · 0 评论 -
-webkit-tap-highlight-color
-webkit-tap-highlight-color -----这个属性只用于iOS(iPhone和iPad)。 当你点击一个链接或者通过js定义的可点击元素的时候,就会出现一个半透明的灰色背景。 当然如果想要禁用高亮,设置颜色的alpha值为0。 /*设置高亮为50%的透明红*/-webkit-tap-highlight-co...2012-02-22 16:52:45 · 83 阅读 · 0 评论 -
chrome浏览器font-size<12px
决定开辟一个新的分类----chrome浏览器下的问题整理,个人学习。 有的时候我们会设置字体小于12px,但是在中文版chrome下字体仍然为12px 解决方案和注意 可以用-webkit-text-size-adjust这个私有属性设置none;如果-webkit-text-size-adjust设置在body上会导致页面缩放失效用-webk...2012-02-08 11:28:08 · 90 阅读 · 0 评论 -
-webkit-min-device-pixel-ratio的常见值对照
前言: 本文来自于对 http://bjango.com/articles/min-device-pixel-ratio/ 的部分整理: 正文: -webkit-min-device-pixel-ratio为1.0所有非Retina的Mac所有非Retina的iOS设备Acer Iconia A500 Samsung Gala...原创 2013-03-01 15:58:31 · 494 阅读 · 0 评论