当前位置: 首页 > news >正文

推荐 5 个 火火火火 的 帮你提高 CSS 技巧项目

1Font-Awesome

这个 70K Star 的开源项目是一个 CSS、SVG、字体的工具箱。在这里你可以找到你任何想要的可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用 CSS 的样式,已经被数百万设计师、开发者使用。

开源地址:https://github.com/FortAwesome/Font-Awesome

图片

2 Animate.css

相信每一位前端工程师在写动画的时候,都会想到去 GitHub 上去看看有没有现成的轮子可用。开源项目 Animate.css 算的上是 GitHub 山最受欢迎的 CSS 动画库。

Animate.css 支持所有主流的浏览器和操作系统,如今已经 75K 的 Star,大多数动画效果你只需要简单的两行代码就能完成,比如弹跳、淡入淡出、抖动、闪现等等。

开源地址:https://github.com/animate-css/animate.css

图片

3 normalize.css

如果想让不同的浏览器在渲染网页元素的时候形式更统一,Normalize.css 是一个不错的选择,这个开源项目在 GitHub 上斩获 48.5k 的 Star。

相比于传统的 CSS reset,Normalize.css 是一种现代的、为 HTML5 准备的优质替代方案。

开源地址:https://github.com/necolas/normalize.css

图片

4 帮你提高 CSS 技巧

这个获得 22.7K 的 Star 的开源项目,可以帮助你提高 CSS 技能的一系列技巧。包括 Flex 布局、SVG图标、:empty 的用法、选择器小技巧、布局技巧等等。

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

图片

5 CSS 奇技淫巧

这个由 @chokcoco 开源的项目记录了 CSS 容易忽视的技巧和细节。这是一系列的文章,围绕 CSS/Web动画 展开,包含一些有趣的话题,帮助开发者拓宽解决问题的思路。

开源地址:https://github.com/chokcoco/iCSS

图片

相关文章:

  • 火麻油的功效与作用 火麻油怎么吃
  • [Network] 关于ARP病毒
  • 家教信息管理系统的设计与实现
  • Vue3+nodejs全栈项目(资金管理系统)——前端篇
  • python判断红绿灯
  • “勇闯”红绿灯
  • 视觉识别数字、十字路口和T字路口,巡线于一体的基于openmv的解决方案(2021年电赛f题)
  • Python识别红绿灯代码
  • windows查看mysql版本
  • 四条查看MySql版本号的命令
  • 将MySQL版本从5.7升级到8.0的操作过程和注意事项
  • MySQL版本号6和7去哪了
  • MySQL 版本
  • MYSQL主流版本简述
  • windows服务启动路径修改方法
  • .net Windows服务开发
  • SpringBoot打包部署成Windows服务的详细步骤
  • 在windows服务器上使用node-windows部署nodeJS服务
  • Windows服务与网络端口
  • 用 vs 2017创建 windows 服务