编程语言：CSS
一个简单的CSS圆形缩放动画
最近在做公司的登录页，UE同学希望第三方登录的图标在hover的时候有一个圆形的缩放效果（原话是波纹效果-_-||），效果参考腾讯新闻和网易新闻的分享按钮。 腾讯新闻的分享按钮hover效果（新闻页面）：
CSS预加载Preload
Preload 作为一个新的web标准，旨在提高性能和为web开发人员提供更细粒度的加载控制。Preload使开发者能够自定义资源的加载逻辑，且无需忍受基于脚本的资源加载器带来的性能损失。在 HTML 代码中，它看上去大概是…
PNG格式小图标的CSS任意颜色赋色技术
这篇文章发布于 2016年06月8日，星期三，01:17，归类于 CSS相关。 阅读 161075 次, 今日 17 次 81 条评论 by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=5429 补充于2018-11-26 有多个比本文更好的实现方法，请参考这篇文章：&
Stylelint 在提升企业微信 CSS 代码质量上的实践
导读：本文描述了企业微信前端团队是如何借助Stylelint 做自动化Code Review 以提升CSS 代码质量。内容包括从一开始的技术选型到开始制定规则，再然后如何在团队中进行有效的推动及配合svn hook 等探索各种自动化的监督机制。其中遇到的难点在于如何处理旧的项目代码，以及如何进行有效
CSS工程化演进
CSS 技术的演进CSS 是 Web 开发中不可或缺的一部分，在前端工程化的不断进步的今天，一方面在 CSS 特性随着规范的升级越来越丰富，另一方面，前端业务复杂性的增加带来的工程愈加庞大，驱使者开发者不断寻找CSS工…
关键CSS和Webpack: 减少阻塞渲染的CSS的自动化解决方案
如何利用工具进行首屏的提取，来看看
借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海
by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6426 本文可全文转载，但需得到原作者书面许可，同时保留原作者和出处，摘要引流则随意。 一、iPhone X的刘海发型和衍生的交互 iPhone X造型上有个显著的特质，就是有个明显的刘海。 然后&#
如何使用CSS实现多行文本的省略号显示
本文介绍的方法是采用CSS规范中的属性，并结合特殊的实现技巧完成的。这意味着在实现CSS2.1规范的浏览器中都是可以兼容的，不将仅仅是纯粹的移动端领域，在传统的PC浏览器（你们懂得我指的是哪些浏览器）中仍是可行的。
12 Little-Known CSS Facts (The Sequel)
One of SitePoint's most popular articles of 2014 now has a sequel. Louis Lazaris has compiled another 12 interesting tricks and tidbits on CSS.