正如我们所承诺的，这是另一组CSS3 / JS编码技术 ，可以极大地改善用户体验，改善设计人员的工作流程并替换我们在Internet Explorer 6＆Co中使用的肮脏的旧变通方法。请注意，以下介绍的大多数技术都是实验性的，而且其中许多不是纯CSS3技术，因为有些确实使用jQuery或其他JavaScript库。 值得一看...
相关文章：
1.对溢出说再见：隐藏的Clearing Hack
我现在要说再见了：隐藏，而决定性因素是CSS3。 特别是盒子阴影。 至少从某种意义上讲，箱形阴影是我注意到的第一个属性，因为它受到使用overflow的负面影响：隐藏。 像上述定位的子元素一样，当父（或其他祖先）元素溢出时，框阴影可能会被裁剪。 在我们使用更多CSS3的过程中，还有其他几件事情需要考虑。 文本阴影和转换也可能会被溢出：隐藏隐藏。 
资源
2.在CSS3中使用圆角
随着CSS3越来越接近成为主流设计的新标准，精心制作的背景图像变得圆圆的日子正在逐渐消失。 这意味着更少的头痛和更多的时间为每种浏览器制定替代方案。 
资源
3.在所有浏览器中使用CSS3的圆角HTML元素
这是Internet Explorer的行为htc文件，用于使CSS属性“ border-radius”在所有浏览器上均可工作。 目前，除IE以外的所有主要浏览器都通过添加4行CSS来显示弯角。 
资源
4. IE CSS3伪选择器
允许Internet Explorer识别CSS3伪类选择器并呈现用它们定义的任何样式规则。 只需将脚本包含在页面中，然后开始在样式表中使用这些选择器-它们将在IE中工作。 
资源
5. CSS3选择器的清洁代码
在本教程中，我将研究CSS3将简化我们的前端和后端代码的一些方式，与我们将如何在CSS3中实现某些视觉效果的方式进行比较。辉煌的CSS3支持的未来。 
资源
6. CSS3 +渐进增强=智能设计
渐进式增强是一件好事，而CSS3则更好。 结合起来，它们使设计师能够比以往更快，更轻松地创建更明亮，更清洁的网站。 
资源
7.使用CSS Text-Shadow创建凸版效果
凸版效果在Web设计中正变得非常流行，并且由于现在有一些现代浏览器显示了对text-shadow CSS3属性的支持，因此使用纯CSS轻松创建效果。 这里没有Photoshop的骗术！ 
资源
8. CSS3 HSL和HSLA
有关使用HSL和HSLA声明的教程以及快速的+ / –指南，当前哪些浏览器支持此处的效果。 
资源
9. CSS3渐变：无图像水色按钮
浅绿色按钮，无图像！ 早在Mac OS X首次发布时，有很多网络教程描述了如何使用Photoshop创建性感的浅绿色按钮，现在我可以展示如何使用CSS创建一个！ 
资源
10.有关3D CSS变换的更多信息
概述中的各种3D CSS变换。 
资源
From: https://www.sitepoint.com/10-brilliant-jscss3-coding-techniques/
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
