网站开发 · 2024年12月3日

通过构建一些很酷的项目来学习 Tailwind CSS

通过构建一些很酷的项目来学习 Tailwind CSS

收藏

从现在开始,努力学习吧!本文《通过构建一些很酷的项目来学习 Tailwind CSS》主要讲解了等等相关知识点,我会在米云中持续更新相关的系列文章,欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧,希望能帮到你!

查看此存储库!预览

通过构建一些很酷的项目来学习 Tailwind CSS插图 杰德夫·瓦达哈克 / tailwind-css-poc

tailwind css poc 通过构建一些很酷的项目来学习 Tailwind CSS插图1

版本说明

npm 10.8.3
node 20.17.0
tailwind 3.4.13

进入全屏模式 退出全屏模式

迷你项目/组件


电子邮件订阅卡

通过构建一些很酷的项目来学习 Tailwind CSS插图2


定价网格

通过构建一些很酷的项目来学习 Tailwind CSS插图3


产品模态

通过构建一些很酷的项目来学习 Tailwind CSS插图4


图片库

通过构建一些很酷的项目来学习 Tailwind CSS插图5


登录模式

通过构建一些很酷的项目来学习 Tailwind CSS插图6


推荐网格(设计参考 – 前端导师挑战)

通过构建一些很酷的项目来学习 Tailwind CSS插图7


剪贴板网站(设计参考 – 前端导师挑战)

通过构建一些很酷的项目来学习 Tailwind CSS插图8


loopstudios 网站(设计参考 – 前端导师挑战)

通过构建一些很酷的项目来学习 Tailwind CSS插图9


在 github 上查看

本篇关于《通过构建一些很酷的项目来学习 Tailwind CSS》的介绍就到此结束啦,但是学无止境,想要了解学习更多关于文章的相关知识,请关注米云公众号!

版本声明 本文转载于:dev.to 如有侵犯,请联系删除

小艺帮电脑版app怎么安装?