10个常见的前端手写功能,你全都会吗?

这是我参与11月更文挑战的第15天,活动详情查看:2021最后一次更文挑战


 

本篇译自:enlear.academy/50-tool-onl…

又来了,本瓜又来了~ 对于 web 技术在线资源收集,绝不手软!

一个链接🔗,就是一个新世界🌏!开冲🏄‍!

1. Browser Default Styles

可以在 Browser Default Styles 中查询 HTML 元素在每个浏览器下的默认样式;

image.png

2. Clippy

可以在 Clippy 为你的图片作剪辑,并且生成对应的 css clip-path 属性;

image.png

3. CSS keyframes

CSS keyframes 可以帮助你创建 CSS 帧动画;

image.png

4. Neumorphism.io

Neumorphism.io 帮你创建新拟态的 UI 风格;

image.png

5. CSS Cursors

CSS Cursors 让你的光标足够酷;

image.png

6. CSS Grid Generator

CSS Grid Generator,作用如其名,帮助创建 CSS Gird;

image.png

7. Placeholder Image Generator

Placeholder Image Generator 帮助创建图片未加载出来的占位信息;

image.png

8. Htmldom

Htmldom:纯原生 JS 代码合集,帮助操作 DOM;

image.png

9. HTML5 head elements

HTML5 head elements 是 head 标签设置最强指南,真滴强;

image.png

10. Input Type Sandbox

设置并校验 Input 框输入,

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值