本文的主题是 Glitch Art，故障艺术。 什么是故障艺术？我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉，看起来具有闪烁、震动的效果，很吸引人眼球。 故障艺术它模拟了画面信号出现故障导致成像错误的感觉。青色色块与红色

转眼间，2019年还有不到12个小时就要彻底过去，回顾自己这一年来，收获与失落并存。在这最后时刻，发一篇文章送给社区，也送给自己。 本文摘自这一年来自己在工作中经历的几个比较好的CSS问题（不一定复杂，但个人觉得都挺值得一说），这些CSS问题平时很少遇到，即使遇&

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9154 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 //zxx: 为了演示方便，避免无谓的干扰，本文所有的尺寸均指水平尺寸，对应CSS均是宽度相关，例如width/min-width/max-width。 以前的我[

循序渐进，看看只使用 CSS ，可以鼓捣出什么样的充电动画效果。 当然，电池充电，首先得用 CSS 画一个电池，这个不难，随便整一个： 欧了，勉强就是它了。有了电池，那接下来直接充电吧。最最简单的动画，那应该是用色彩把整个电池灌满即Ծ

CSS 有两个最重要的基本属性，前端开发必须掌握：display 和 position。 display属性指定网页的布局。两个重要的布局，我已经介绍过了：弹性布局flex和网格布局grid。 本文介绍非常有用的position属性。我希望通过10分ॉ

现在为止，CSS 是否可以取代 CSS 预处理器的地位？CSS 预处理器会不会成为 CSS 过渡时期的产物呢？

译文出自：闪电矿工翻译组 原文地址: CSS selectors level 4 原文作者: Esteban Herrera 仓库原文链接：issue 译者: thisang 选择器是 CSS 的核心部分。你用来做一些操作比如说选择某种类型的所有元素，就像下面这样： <

奇技指南本文来自奇舞周刊，作者奇舞团前端开发工程师高峰。在CSS中我们可以通过background-blend-mode和mix-blend-mode来应用混合模式这一强大的效果。这一效果仿佛能够让我们在浏览器

The CSS layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites. In addition to providing code you can use as a starting point…

熟悉的技术名词，已然大叔了

因为平时也关注网易UEDC的订阅号，前几天就看到了这么一个动效，主题是《网易云音乐2018年度听歌报告》，内容是一个人在努力蹬车因为构图简单，创意又不错，所以就试了下用SVG+CSS动画实现起来的难度，大概费时两个小时左右，效率还是蛮高的，总比用AE实现起来快的多得多，下面就&#

原文地址：CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends原文作者：Heydon Pickering译文出自：掘金翻译计划译者：linpu.li校对者：xekri、Tina92CSS 继承深度解析我酷爱模块…

主要利用css渐变实现一些不需要切图的背景镂空 .mixinsTicket(@width, @height, @r, @left, @lcolor, @rcolor) { width: @width; height: @height; background: radial-gradient(circle at t

原文链接：CSS and Network Performance 挺长的一篇文章，比较全面地介绍了 CSS 加载的相关知识，由于译者水平有限，有能力的同学建议直接看原文，同时也希望译文对你有所帮助，谢谢~以下是正文： 承蒙抬爱，我被称为 CSS 魔术师已经十多年了，但最近在博客上，CSS 相关的文章却x

人们用大量的时间去优化网页滚动的流畅度，包括尽量缩短 JS 执行时间，发明 Passive event listener 等。 相同的页面效果，如果不使用 JS 就能实现，那一定是最流畅的。例如下面的优酷世界杯的页面，如果使用 JS …