进阶和强化的区别 css进阶强化 _地址

英文 | https://hulyakarakaya.medium.com/level-up-your-css-with-these-38-resources-c0de7ecd8714 翻译 | 杨小二
大家好，今天我将向你分享38个可以用来创建漂亮样式的 CSS 工具。1、Layoutit Grid 地址：https://grid.layoutit.com/
Layoutit grid 是一个 CSS Grid 布局生成器。使用干净的编辑器可以快速绘制网页布局，并获取HTML和CSS代码以快速启动你的下一个项目。你也可以在 CodePen上看到代码！
2、Sarah Drasner 的 CSS 网格生成器地址：
https://cssgrid-generator.netlify.app/
该站点收集了示例、视频和其他信息，可帮助你学习 CSS 网格布局。由Rachel Andrew开发和维护。
3、Grid by Example 地址：
https://gridbyexample.com/
4、CSS Grid Garden 地址：
https://cssgridgarden.com/
在学习 CSS Grid 的同时种植您的胡萝卜园。
5、Mastery Games 地址：https://mastery.games/
在这里，你可以奠定周围的僵尸和实践Flexbox的; 在学习 CSS 网格的同时拯救一个可爱的外星物种。
6、Grid Malven 地址：https://grid.malven.co/
7、CSS Tricks 地址：
https://css-tricks.com/snippets/css/complete-guide-grid/
CSS Tricks 的 CSS 网格综合指南。
8、三次贝塞尔地址：https://cubic-bezier.com/#.17,.67,.83,.67
使用此工具可以快速生成预览三次贝塞尔曲线。
9、CSS 动画地址：http://cssanimation.io/
使用这个工具可以非常容易的创建你的动画，它还支持 GSAP 。
10、CSS 动画 101 电子书地址：
https://cssanimation.rocks/css-animation-101/
11、 CSS 晚餐地址：
https://flukeout.github.io/
使用 CSS Diner 练习你的 CSS 定位技巧。
12、弹性盒模式地址：
https://www.flexboxpatterns.com/
在这里你可以获得很多使用 Flexbox 的技巧和模式。
13、 Flexbox Froggy 地址：
https://flexboxfroggy.com/
14、 Flexbox Cheatsheet 地址：
https://darekkay.com/flexbox-cheatsheet/
15、 Devinduct Flexbox 地址：
https://devinduct.com/workshop/flexbox
16、Css – tricks 地址：
https://css-tricks.com/almanac/
17、Keyf

进阶和强化的区别 css进阶强化

推荐阅读

玻璃用什么擦干净又不容易脏

3岁宝宝正常体温是多少

白菜饺子馅怎样做才好吃白菜饺子馅做法介绍

安得广厦兮千万间出自于哪首诗安得广厦兮千万间是哪首诗里面的

芝麻酱|中国最有名气的五种面条，全吃过的很少！看看有你家乡的美食吗？

老公有案底影响老婆考公务员吗

抖音店铺评分多久更新一次？如何获得特权？

榨海椒正宗做法和配方榨辣椒的做法

万年青有毒吗？万年青适合室内养吗？

芹菜喜欢阳光吗是喜阳植物吗

百度经验发布出现问题怎么办

鉴别新茶的五个步骤

钓鱼竿是什么杠杆钓鱼竿是费力杠杆

250+3 ×4的简便运算 (250+3)×4如何简便运算

酬南寿其二原文、作者

花甲放冷藏还是冷冻

白茶｜贡眉和寿眉有什么区别？

wow狮王休玛技能问题

?血压不高为什么头晕

二氧化碳可以灭哪几类火灾