https://javascript.plainenglish.io/26-github-open-sources-for-learning-programming-4d0021d9f336

幫助我們使用 HTML CSS 為網站創(chuàng)建動畫效果。

2) normalize.css

地址：https://necolas.github.io/normalize.css/

Normalize.css 是一個庫，可幫助您在當今流行的瀏覽器中顯示時更一致地構建所有元素。

3) Hover.css

地址：https://ianlunn.github.io/Hover/

它是一個為網站中的 HTML 元素合成懸停效果的庫。

4) 30 秒代碼

地址：https://www.30secondsofcode.org/css/p/1

它綜合了用于網站設計的 CSS 技巧。

5) Flexbox

地址：https://philipwalton.github.io/solved-by-flexbox/

它綜合使用了 flexbox，為網站構建布局的常用方法。

6) SpinKit

地址：https://tobiasahlin.com/spinkit/

幫助您為項目構建 CSS 加載動畫效果。

7) Loaders.css

地址：https://connoratherton.com/loaders

為網站合成 CSS 加載器效果。

8) Hint.css

地址：https://kushagra.dev/lab/hint/

幫助您使用 CSS3 構建工具提示效果。

9) 國旗圖標

地址：https://flagicons.lipis.dev/

世界各國國旗和圖標的集合。

10) 漢堡菜單

地址：https://jonsuh.com/hamburgers/

為移動菜單合成動畫效果。

11）CSShake

地址：https://elrumordelaluz.github.io/csshake/

為項目合成震動動畫效果。

12)  CSS Animation

地址：https://cssanimation.rocks/

幫助您為網站構建運動效果的文章摘要。

13) Instagram.css

地址：https://picturepan2.github.io/instagram.css/

Instagram 中常用圖像的色彩效果合成。

14) CSS Protips

地址：https://github.com/AllThingsSmitty/css-protips

它是面向前端開發(fā)人員的 CSS 技巧集合。

15) Bootswatch

地址：https://bootswatch.com/

為項目合成 Bootstrap 接口。

16) Magic

地址：https://www.minimamente.com/project/magic/

HTML 元素合成動畫效果。

17) CSS Layout

地址：https://csslayout.io/

使用 CSS 構建網站設計合成布局。

18) Charts.css

地址：https://chartscss.org/

幫助您使用 HTML CSS 為您的項目設計圖表。

19) Pattern.css

地址：https://bansal.io/pattern-css

允許您為網站設計精美的圖像、背景圖案。

20) Bttn.css

地址：https://bttn.surge.sh/

HTML 按鈕的設計界面摘要。

21) Page Transitions

地址：https://github.com/codrops/PageTransitions

為項目合成css頁面動畫效果。

22)  Pretty Checkbox

地址：https://lokesh-coder.github.io/pretty-checkbox/#basic-checkbox

設計 HTML 的復選框和單選框界面。

總結

感謝您的閱讀，希望本文能幫助您提升工作效率，如果您有任何問題，請在留言區(qū)給我留言，我會盡快回復。

希望大家繼續(xù)支持我，關注我，我會繼續(xù)分享更多好內容。祝您今天過得愉快！

學習更多技能

請點擊下方公眾號