继上一篇background学习后，现在来继续深入background的动画相关的实践例子。 有很多属性支持动画，例如color, height, width。他们在MDN中可以查阅到动画的支持情况。

纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。

我叫小杜杜，我们知道构成前端的三大语言有：html、css和js，其中 css的作用是页面的布局，美观，那么你知道只通过css就能实现非常炫酷的动画吗？

今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？ 像是这样： 一个非常有意思的问

为什么好看的动画都在别人的项目？？ 这次给前端工友们收集了10+个高逼格加载动画效果！！复制就可以直接使用！！收藏等于学会！！

一年一度的 CSS年度报告 如期而至，我挑了一些我感兴趣的部分，看报告的主要目的除了了解CSS技术趋势，更重要的是顺便学习了下之前没用过的一些特性和库。

首先，把网站做成一个纯灰色主题，最简单直接的办法就是给整个网站加一个滤镜，就像我们平时自拍完给照片加喜欢的滤镜一样。 我们的网页也可以加滤镜，但不是在整个网页上面遮一个div蒙版，而是让整个网页只有灰

拥抱新时代布局，看看在最新的 chrome 版本中，有什么新奇有趣的属性功能得到了支持，在未来，我们又可以使用什么有意思的属性~

<input /> 标签是我们日常开发中非常常见的替换元素了，但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性，选择器都没怎么用过，所以就开篇文章来整理一下一些比较有趣或者实用的知识点。 没想到，这些选择器居然跟 input ...…