关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。 最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有覆盖…

0x0. 效果 0x1. 起因 得到 APP 中有个文稿模块，这部分是内嵌的前端开发的 Web 页面，支持在客户端和微信中访问，其中有一个称为划线笔记的功能，就是长按文字之后，对选中的文字做标记，这是背景。 本着跟产品友好相处的原则，我当即表示这个些需求很棒，我需要认真想一下怎…

CSS3的动画相关的基础的属性基本都涉猎过了，个人认为，其中最复杂的是d:path()路径变形动画，超过3D，而位移、轨迹、旋转、缩放、斜切什么的，相对简单一些，但作为非动画设计师而言，灵活的掌握这些基本的动画加以无穷无尽的变换，就已经能做出很多华丽丽的效果了，这篇呢，源于做一…

原文地址：Using Feature Queries in CSS 原文作者：Jen Simmons 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/using-feature-que…

前言 写这篇文章的目的，一方面是纠正自己一直以来对这个伪类的误解 (请看下面的代码) 和更好的理解浏览器对: first-child 解析和渲染机制，另一方面是希望通过这篇文章，能够让更多的新人深刻理解这个知识点。注：first-child 是 CSS2 的一个伪类(对于想知道伪元素和伪类的…

百度技术学院学习自定义 checkbox/radio 过程

CSS 于 2016 年发布的开源项目，其产量之大超出人们的预料，但纵观 CSS 在过去几年的巨大变化与快速发展，此结果的出现似乎又在情理之中。这些 CSS 库、框架和工具的建立不仅给我们提供了学习的视角，更给我们的工作与生活带来了便利。 原文地址 https://speckyboy.com/top-50-css-libraries-frameworks-tools-2016/

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 可以通过input, blur事件来监听element的输入和输入完后鼠标离开。 手机video 都可以在页面中播放，而不是全屏播放了。 使用clearfix…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…