本文介绍一种CSS小技巧，可以实现线条从元素或字符的中间穿过，实现不难，但是思路很巧妙，希望本文的技术关键时候可以帮到您。
文章关键字 ‘3d’
直线等图形3D穿过文字的CSS实现
2021年02月14日，星期日CSS CSS3实现3D开门动画效果
2018年06月23日，星期六本文展示了2个自己写的酷酷的3D开门动画效果，然后顺便介绍了3D动画实现的一些相关技巧。本文有demo，有视频效果展示，还有必要的源代码讲解，希望本文的内容能够对您的学习有所帮助。
巧用浏览器CSS属性值的不兼容向下兼容hack技巧
2016年10月25日，星期二CSS3中有很多好的特性，例如box-shadow盒阴影，但是，唯一的问题是IE8浏览器不支持，如果是对外的PC站点，则IE8浏览器不可不顾，尤其一些受众广泛的网站。
怎么办呢？我的做法往往是这样，IE9+浏览器使用box-shadow阴影，而IE7，IE8浏览器使用border线框。
我们一般采用一些CSS hack技巧，例如使用:root伪类，从功能上满足了我们的开发需求，但提高了我们的CSS权重，很容易增加我们CSS代码的复杂度，那有没有更好的实现呢？
Safari 3D transform变换z-index层级渲染异常的研究
2016年08月7日，星期日Safari被戏称为新时代的IE6，就是因为其有各种各种奇怪的渲染问题，或明显的渲染bug, 而这些bug都是IE浏览器不会犯的，着实让人头疼。
而本文这里要展示的3D变换影响层级渲染也是Safari浏览器专有的问题，不妨进来看看，说不定下次遇到类似问题就知道是怎么回事，该怎么解决了~~ 
小tip: 纯CSS实现视差滚动效果
2015年03月17日，星期二视差滚动效果大家可能都听过，基本上都是JS实现的。
实际上，如果你对兼容性要求不是很高，比方说忽略IE浏览器，则我们使用简单的几行CSS代码就可以实现视差滚动效果了。而本文就是介绍如何使用CSS实现视差滚动效果的。有Demo有截图有源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
好吧，CSS3 3D transform变换，不过如此！
2012年09月7日，星期五
CSS3 3D transform变换对于没有接触过的人而言可能会是件很头疼的事情。首先涉及到N多CSS方法以及CSS函数，如何理解他们头疼；其次，3D效果的实现，需要一定的空间想象能力，但是，不少人的脑袋是会想妹子想男人，怎么办？再者，3D效果的实现还离不开各种角度方位的数学计算，要是勾起了某些人学生时代的数学梦魇，又可如何是好！
相当不少人有这样的境遇，加上自己最近也在学习CSS3 3D transform变换的相关东西。好吧，整理一下，用通俗易懂的方式表达下我对CSS3 3D transform变换的一些理解；分享知识同时，自己也整理和提高了。一举两得，何乐不为。
本文是难得的长篇，很多精心挑选制作的配图，N多帮助理解制作用心的的demo页面，还有必要的源代码展示等。希望本文的内容可以让您学习CSS3 3D transform变换的相关知识更加的轻松！
SVG特征、支持以及一些实际使用问题
2012年08月22日，星期三去年9月份曾写过“使用SVG实现gradient背景渐变”一文，其中有对SVG比较术语化的解释，以及SVG的创建、SVG编辑器使用、简单的实际应用等。
不过，之前的介绍，虽然也有内容，不过总给人以生硬之感，仿佛是直接从山上凿下的原石，没有美化与雕琢。而这里的介绍（自然没有重复）似乎更接地气些，应该会给你一点别样的关于SVG的收获。
一如既往，有demo，有截图，有源代码示意。希望本文的内容能够对您的学习有所帮助。
photon-3D光线引擎项目展示与介绍
2012年06月20日，星期三众所周知，3D效果是否逼真，光线的模拟很重要——不同角度光线，不同的阴影/投影显示。
一个正方体，我们最多可以同时看到3面，这3面我们使用CSS可以很从容的模拟，但是，这种模拟往往过于平面。不过，如果我们增加点阴影，显然，效果就完全不一样。而这种光线效果的添加就是photon引擎所做的事情！
本文就将介绍这个很赞的3D光线渲染引擎photon. 希望对感兴趣的朋友提供点帮助。
理解CSS3 transform中的Matrix(矩阵)
2012年06月8日，星期五
本文非常详尽的讲解了CSS3 transform中的矩阵。花了很多时间制作了很多帮助理解的demo，还专门制作了效果演示gif动图，配以丰富必要的截图说明，文字表述上也力求通俗易懂。个人觉得本文质量还是很不错的，希望可以对此感兴趣的人提供力所能及的帮助。
翻译-10件Flash可以做而HTML5做不了的事情
2010年11月9日，星期二HTML5可以说是Flash目前最大的潜在的对手，HTML5是否会终结Flash时代是个争议颇多的话题。本文作者通过10个实例展示了目前Flash可以做但是HTML5却无能为力的例子，借此说明Flash离死亡还尚早。到底Flash是垂死挣扎，还是会在困境中前行，这还需要你自己睿智的判断了。
本文实例可以说展示了Flash一些新的且比较强大的应用。无论你是Flash开发者，设计师，还是web方面的工程师，此为对于了解HTML5和Flash的一些特性，功能等还是很有帮助的。翻译能力有限，有些句子的意思自己确实拿不准，所以，要是要翻译不准确的地方，还望见谅，欢迎指正。希望本文能对您的学习有所帮助。
我的应用
我的应用