小tip: 使用SVG寥寥数行实现圆环loading进度效果

2015年07月31日 by 张 鑫旭 阅读 27519 次, 今日 17 次

本文内容如题。有Demo有截图有帅气的源代码展示,不过没有漂亮的妹子,但是这并不会影响你的学习。

阅读全文…

了不起的IE7浏览器-CSS新特性-实现与思维变革

2015年07月30日 by 张 鑫旭 阅读 11770 次, 今日 4 次

以前在我还需要兼容IE6浏览器的时候,我总觉得IE6和IE7浏览器是一个路子的一个货色,很多bug和行为表现是一致的。认为,要兼容IE7和兼容IE7基本上没多大差别。后来深入实践发现,之前的想法有些天真了。实际上,IE7浏览器下,我们也能实现很多好玩且有价值的东西……

阅读全文…

CSS1-CSS3 <color>颜色知识知多少?

2015年07月26日 by 张 鑫旭 阅读 15010 次, 今日 7 次

本文讲的是CSS1-CSS3 <color>颜色的一些知识,有些你可能知道,有些可能并不知道,算是对过往一些知识点的总结吧。无Demo,有截图,有源代码示意,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

字母’x’在CSS世界中的角色和故事

2015年06月28日 by 张 鑫旭 阅读 22849 次, 今日 8 次

首先,我们这里的字母'x'就是26个英文字母a,b,c,...中的x.

由于自身形态的一些特殊性,因此,这个小小的不起眼的字母担当大任,在CSS世界中扮演了一个重要的角色。

有人可能的第一反应是:“我知道,可以模拟关闭按钮的那个叉叉效果!”

这位同学思维很活跃,但是呢,本文所要介绍的字母'x'和CSS的关系不是奇巧淫技,而是正统的术语上的紧密联系……

阅读全文…

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

2015年06月20日 by 张 鑫旭 阅读 15072 次, 今日 16 次

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

阅读全文…

小tip: 了解CSS3 text-decoration新特性新表现

2015年06月4日 by 张 鑫旭 阅读 21940 次, 今日 11 次

如题所示,了解CSS text-decoration新特性新表现,欢迎围观~ 下面是摘要:
然后,还有一个blink, 就是text-decoration:blink, 看名字似乎很霸气,不过我们好像很少见到,更明说使用了,为啥子?
首先,这个text-decoration的装饰效果是,闪烁。由于鄙人没见过,也不好描述具体是个什么效果。为什么我没有见过呢!我查了下资料,原来虽然此属性值躺在规范里,但是,木有浏览器支持这个效果。哦,抱歉,FireFox曾经是支持的,后来可能破坏了府里的规矩……

阅读全文…

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

2015年05月29日 by 张 鑫旭 阅读 24125 次, 今日 23 次

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

阅读全文…

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

2015年05月21日 by 张 鑫旭 阅读 31304 次, 今日 18 次

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

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

阅读全文…

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

2015年05月8日 by 张 鑫旭 阅读 81575 次, 今日 49 次

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

阅读全文…

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

2015年04月30日 by 张 鑫旭 阅读 29441 次, 今日 29 次

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

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

阅读全文…