IE7浏览器下CSS属性选择器二三事

2015年06月20日 by 张 鑫旭 阅读 40342 次, 今日 1 次

虽然属性选择器是CSS3选择器的范畴,但是IE7浏览器很给力地支持,但是,嘴上说支持,实际上还有很多有意思的特性表现,这里,就以实例的形式给大家分享下,希望能对大家实际的工作有所帮助或启迪。

阅读全文…

了解CSS3 text-decoration波浪线等新特性

2015年06月4日 by 张 鑫旭 阅读 64526 次, 今日 6 次

了解CSS text-decoration新特性新表现,包括波浪线,虚线,点线以及双实线等类型,以及下划线从文字下面穿过的效果实现等。介绍text-decoration-line, text-decoration-style, text-decoration-color等CSS属性。

阅读全文…

CSS混合模式mix-blend-mode/background-blend-mode简介

2015年05月29日 by 张 鑫旭 阅读 98187 次, 今日 7 次

熟悉PS的人都应该知道混合模式,什么叠加、正片叠底、颜色减淡、颜色加深、滤色……之类的。在web上基本上常见的现代web技术都支持混合模式,例如SVG啊,Canvas等。CSS3自然也不在话下,本文就将介绍CSS3中两个与混合模式有关的CSS属性mix-blend-mode和background-blend-mode,一起进来看看眼界吧~~

阅读全文…

CSS3 transform对普通元素的N多渲染影响

2015年05月21日 by 张 鑫旭 阅读 146093 次, 今日 4 次

一个普普通通的元素,如果应用了CSS3 transform变换,即便这个transform属性值不会改变其任何表面的变化(如scale(1), translate(0,0)),但是,实际上,对这些元素还是造成了写深远的影响。所谓表面无恙,内心奔溃的真实写照。

本文就列举几个目前我所知的transform影响CSS2.1中普通元素渲染表现的例子……一如既往,有Demo,有截图,有必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助~~

阅读全文…

如何提问才能进阶成为前端大神?

2015年05月8日 by 张 鑫旭 阅读 165685 次, 今日 4 次

基本上每天微博、博客以及邮件都会受到很多同行的问题咨询,我个人是非常欢迎交流与学习的,因此有问必答。但是,毕竟一个人精力有限,我又没有财力请经纪人或者小秘之类的,如何高效利用时间就是对于我来讲就是非常重要的事情。毕竟,我的本职工作不是技术咨询师,而是在厂子里干活。其中一点就是固定时间处理邮件,蛋的!就是这个邮件沟通,有好几次,几位同行的提问让我很火大,早就想写篇文章,教教这些人怎么才是高效地邮件沟通之道……

阅读全文…

小tip: CSS3如何实现圆角的outline效果?

2015年04月30日 by 张 鑫旭 阅读 87689 次, 今日 2 次

茫茫CSS海,乍一看去,貌似没有能让outline圆角的东西。注意措辞,“貌似”,我们如果有双犀利的眼睛,还是会发现某处藏可以让outline圆角的东西。这个东西是?……

点进去看看就知道了,有Demo,有截图,有源代码展示盒必要的讲解,总之,希望本文的内容能够对您的学习有所帮助!

阅读全文…

CSS之before, after伪元素特性表现两则

2015年04月19日 by 张 鑫旭 阅读 69418 次

伪元素之所以称之为“伪元素”一定是有其原因的,本文就举两个特征例子,展示下伪元素跟普通元素,到底有哪些不一样的地方。

依然,有Demo、有截图,有源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

了解web前端领域的undefined behavior未定义行为

2015年04月18日 by 张 鑫旭 阅读 29010 次, 今日 2 次

undefined behavior可以算是计算机世界中特有的一个名字,中文意思是“未定义行为”,维基百科上有解释。在C以及C++语言中,这可以算是一个比较明确的概念。

实际上,在web前端领域,也有undefined behavior未定义行为,且广泛程度远远超出了你的想象。
undefined behavior从web标准出现之后,实际上就广泛存在web网页前端技术中,我们很多时候遇到的浏览器兼容性问题,可能就属于……

阅读全文…

CSS3 clip-path polygon图形构建与动画变换二三事

2015年03月26日 by 张 鑫旭 阅读 85423 次, 今日 2 次

本文絮絮叨叨CSS3 clip-path polygon在图形构建和动画这块的三两事,没什么惊天动地的知识点,大家可以当散文看下。放心,有demo有截图有代码展示,还有视频播放呢!总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip: 纯CSS实现视差滚动效果

2015年03月17日 by 张 鑫旭 阅读 122533 次, 今日 6 次

视差滚动效果大家可能都听过,基本上都是JS实现的。

实际上,如果你对兼容性要求不是很高,比方说忽略IE浏览器,则我们使用简单的几行CSS代码就可以实现视差滚动效果了。而本文就是介绍如何使用CSS实现视差滚动效果的。有Demo有截图有源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…