css

一些有用的链接

https://www.bilibili.com/video/BV1Z44y1u7dG

CSS 参考书:
https://cssreference.io/css-grid/

CSS 灵感:
https://chokcoco.github.io/CSS-Inspiration/#/

交互式在线 CSS 速记表:
https://htmlcheatsheet.com/css/

CSS 小花招:
https://css-tricks.com/

不过脑子的动效,不过看起来很“猛”:
https://tholman.com/obnoxious/

CSS 抖动特效:
https://elrumordelaluz.github.io/csshake/

CSS 动画集,可自由调节动画参数,生成代码片段:
https://animista.net/play/

CSS 鼠标悬浮动画:
https://ianlunn.github.io/Hover/

通过给萝卜浇水,学习 CSS 网格布局:
https://cssgridgarden.com/

CSS 塔防游戏,学习 flex 布局:
https://link.juejin.cn/

通过做饭,练习 CSS 选择器:
https://flukeout.github.io/

送小青蛙回家,学习 flex 布局:
https://flexboxfroggy.com/

配网站色:
https://mycolor.space/

还是配色网站:
https://clrs.cc/

CSS 渐变色:
https://cssgradient.io/

https://www.bilibili.com/video/BV1rB4y1C7TF

1、csslayout.io
2、cssgr.id
3、grid.layout
4、CSS Diner
5、Loading.io

https://www.bilibili.com/video/BV1Jq4y1n76g

codepen:
https://codepen.io/

css layout:
https://csslayout.io/patterns/

enjoycss:
https://enjoycss.com/

背景生成:
https://stripesgenerator.com/

按钮生成器:
https://css3button.net/

https://www.bilibili.com/video/BV1DL4y1L7iG

CSS 参考书
https://cssreference.io/animations/

CSS 灵感
https://chokcoco.github.io/CSS-Inspiration/#/

UI 设计师的灵感源泉
https://www.awwwards.com/sites/zero-impact

学习 CSS 布局
https://zh.learnlayout.com/box-sizing.html

CSS 小花招UI 设计师的灵感源泉
https://www.awwwards.com/sites/zero-impact
https://css-tricks.com/

不过脑子的动效,不过看起来很“猛”
https://tholman.com/obnoxious/

CSS 三维变换动画
https://animista.net/

CSS 鼠标悬浮动画
https://ianlunn.github.io/Hover/

通过给萝卜浇水,学习 CSS 网格布局
https://cssgridgarden.com/

通过做饭,练习 CSS 选择器
https://flexboxfroggy.com/

配色
https://mycolor.space/

还是配色
https://clrs.cc/

CSS 渐变色
https://cssgradient.io/