在過去的一年，我們已經(jīng)看到在flexbox布局人氣大增，微妙的CSS動畫，SVG的用途、結(jié)構(gòu)styleguides，Instagram風(fēng)格的影響，深入CSS集成了主流的應(yīng)用，如Photoshop 和?Sketch，和CSS的預(yù)處理器，像sass,less，繼續(xù)得到廣泛的接受。

不僅是CSS成熟美麗，在今年得益于許多開源程序的發(fā)布，使用這些工具來構(gòu)建強大的東西變得容易了許多。

把這下面的50個有用的工具添加到你的web工具箱中。在合適的項目中使用合適的工具。

所有的工具，庫和框架已被分為以下類別：CSS動畫工具和庫，CSS實用程序和工具，flexbox工具，CSS工具，響應(yīng)的Web框架，材料設(shè)計框架和一個基于Web的應(yīng)用程序的小集合。

CSS動畫工具和庫

Animate Plus

Animate Plus?JavaScript庫，可以幫助你的CSS屬性和SVG動畫屬性。

Rocket

Rocket?創(chuàng)建Web動畫的簡單工具。

Tuesday

Tuesday –快速的CSS動畫庫。

Shift.css

Shift.css –簡單的框架來構(gòu)建時間，包含CSS動畫

MOTION UI

MOTION UI – Sass library for creating flexible CSS transitions & animations.

Transformicons

Transformicons –?動畫圖標，使用SVG和CSS符號和按鈕

更多的CSS動畫工具，你應(yīng)該看一下這篇: CSS Animation Tools, Frameworks & Tutorials.

翻譯原文：http://speckyboy.com/2015/12/06/css-tools-frameworks-libraries-2015/

未完待續(xù)。

總結(jié)

以上是生活随笔為你收集整理的2015年的CSS动画工具和库的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。