一些有用的链接
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/