kovart/dashed-border-generator：自定义虚线边框 |在线CSS生成器 🚀

项目介绍

kovart/dashed-border-generator 是一个托管在 GitHub 上的开源项目，主要使用 HTML 编写，目前获得 412 个 Star、25 次 Fork。

仓库全名: kovart/dashed-border-generator

README 摘要

Dashed Border Generator A simple online tool for creating custom dashed or dotted borders. Using CSS hack, this tool can simply increase space between dots, change dash length or distance between strokes. How does it work? 🚀 Native CSS properties don't support the customization of border-style. Therefore, we use a trick with an SVG image inside background-image property. The SVG features give us the ability to…

完整内容见 GitHub 原始 README 或本页。

常见问题

dashed-border-generator 用什么语言开发？

主要使用 HTML 编写，目前有 412 个 Star。

如何获取 dashed-border-generator 的源码？

可以直接克隆仓库：git clone https://github.com/kovart/dashed-border-generator.git，默认分支为 master；安装与运行步骤见仓库 README。

dashed-border-generator 最近还在维护吗？

仓库最近一次更新为 2022年2月10日，当前有 6 个未关闭 Issue；Star 数为 412，可作为社区活跃度的参考。

关于

GitHub 原始描述（英文）

Custom Dashed Border | Online CSS Generator 🚀

border css dashed dotted generator stroke svg tool

412 Stars
25 Forks
3 Watching

描述取自 GitHub 官方 API，保持仓库作者书写的原文。

简要分析

热度分

465

价值分

254

活跃状态

活跃

GitHub

语言占比

CSS

HTML

JavaScript

贡献者

kovart

Dashed Border Generator

A simple online tool for creating custom dashed or dotted borders. Using CSS hack, this tool can simply increase space between dots, change dash length or distance between strokes.

How does it work? 🚀

Native CSS properties don’t support the customization of border-style. Therefore, we use a trick with an SVG image inside background-image property. The SVG features give us the ability to change the distance between dashed lines, set custom pattern, add dash offset or even change a line cap.

Generated SVG image is vector and it fills width and height of elements by 100%, so it doesn’t matter what size elements have.

View in Action

intro

Dependencies

License

The MIT License

暂无评论

dashed-border-generator