文章关键字 ‘webkit’

CSS/CSS3 box-decoration-break属性简介

2019年01月5日,星期六

CSS box-decoration-break属性

CSS box-decoration-break属性可以指定元素片段在跨行、跨列或跨页(如打印)时候的样式渲染表现。

默认情况下,元素的跨行或跨列渲染都是裁剪分割,各得一部分,借助box-decoration-break属性,可以让换行,或者换列的各部分元素按照独立的样式进行渲染,活用这种特性,可以让我们的布局和样式表现更上一层。

阅读全文…

周知:CSS -webkit-伪元素选择器不再导致整行无效

2018年12月17日,星期一

-webkit-与伪元素

通常,如果选择器链或组中有无效的伪元素或伪类,则整个选择器列表无效。如果伪元素(但不是伪类)具有-webkit-前缀,那么对于Firefox 63+,Blink、Webkit和Gecko浏览器认为它是有效的,而不会使选择器列表无效。

阅读全文…

图片动态局部毛玻璃模糊效果的实现

2015年02月5日,星期四

本文内容如题,图片动态局部毛玻璃模糊效果的实现,有图有文有码有实战,更有尔康亲临助阵,希望本文的内容能够对您的学习有所帮助。

阅读全文…

Chrome absolute绝对定位display/visibility渲染bug

2015年01月10日,星期六

一般我们对Chrome浏览器的评价是:Chrome好棒!Chrome好潮!Chrome就是多来A梦,要什么有什么!但是,再好的奶茶也会有过期的时候。很多次遇到,Chrome下的渲染表现是最糟糕的那个。比方说本文要介绍的两个bug就是Chrome浏览器下特有的,到底是什么bug呢?点击去瞅瞅就知道啦!

当然,除了bug展示,也提供了解决方案。有demo,有截图,有必要的源代码展示,总之希望本文的内容能够对您的学习有所帮助。

阅读全文…

伪元素表单控件默认样式重置与自定义大全

2013年06月7日,星期五

所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式,我光demo就有17个之多,截图30+之多,本文虽参考之作,自己条条亲自验证设置。虽目前价值并未凸显,但是,过段时间,可能就是宝了。

阅读全文…

Chrome下语音识别实现页面快速引导以及重要交互

2013年05月22日,星期三

今天,我们上线了一个小东西,基于Chrome浏览器语音识别功能实现的一个快速页面交互以及页面间跳转的效果,觉得大家都可以尝试尝试,因此,整理了下分享出来。

抛砖引玉、集思广益,有意见或建议什么的欢迎提出来,大家多多交流,共同进步。

阅读全文…

翻译:即将到来的CSS私有前缀灾难

2012年02月20日,星期一

CSS工作组(CSS Working Group)联合主席Daniel Glazmang告知大家非WebKit的浏览器厂商正在考虑支持-webkit-前缀CSS属性。
一石激起千层浪,于是业内展开了激烈的官方讨论。这里,翻译篇相关文章,希望米娜桑对该讨论有所了解,并发表自己的一些观点……

阅读全文…

小tip:CSS3下的渐变文字效果实现

2011年04月20日,星期三

本文内容不多,就是介绍了两种实现文字渐变的效果,都需要依赖一些CSS3的属性。同样的,每个方法提供相应的demo页面,提供相应的效果截图以及必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS3 Transitions, Transforms和Animation使用简介与应用展示

2010年11月25日,星期四


本文介绍CSS3动画相关的几个属性是:transition, transform, animation,分别理解为过渡,变换,动画。虽然目前很多浏览器还没有完全支持这些属性,但是,在渐进增强的原则下,其高效的动画实现方式还是有很实际的应用价值的。本文实例当先(共14个),依次展示transition属性,transform属性,animation属性,而后三者结合展示一些更实际的效果与应用。
本文demo页面非常详细,提高必要的源代码展示,和截图供参考。希望能对您的学习有所帮助。

阅读全文…

需警惕CSS3属性的书写顺序

2010年09月21日,星期二

警惕CSS3属性的书写顺序
本文主要的是如果不注意CSS3属性的书写顺序,可能就会给自己带来麻烦。本文通过简单的示例,简单的实例验证来说明这个问题。没有多少理论,没有多少饶舌,有的的简单的截图与代码展示,对了,还有必不可少的demo页面。希望能对您CSS3的使用提供一些帮助。

阅读全文…