有些单纯是因为自己太“懒”, 不想写代码, 所以才“被迫”做的. 接下来介绍的一款工具——css三角形生成器也是因为之前想要解放设计师的生产力, 自己又懒得切图或者写css代码, 所以想来想去还是自己做一个能自动生成css三角形代码的工具吧.
JSON.stringify(triangleCss, null, 4).replaceAll(/"/g, '').replaceAll(/,/g, ';') 这样, 一个css三角形生成器就做好了, 大家还可以在此基础上继续扩展, 比如支持多边形, 六角形, ⭐五角形等, 也是完全没问题的. 在线体验地址:在线css三角形生成器 作者:徐小夕链接:juejin.cn/post/69030830来源:掘...
在线css三角形生成器 「干货」[通俗易懂] 为了提高前端开发效率, 笔者先后写了上百个前端工具, 有些是给公司内部使用的, 有些单纯是因为自己太“懒”, 不想写代码, 所以才“被迫”做的. 接下来介绍的一款工具——css三角形生成器也是因为之前想要解放设计师的生产力, 自己又懒得切图或者写css代码, 所以想来...
以使其呈等边三角形 */margin-top:50px;/* 可调整的垂直偏移 */}#controls{margin-top:20px;}Tri...
实现css三角形生成器 因为这个工具的需求来自于前端, 所以肯定是要对css和js编程有一定的基础, 比如css3的transform,transition, 布局, 盒模型,border边界特性等. 和笔者之前写的任何一个开源工具一样, 在开发项目前一定要明确需求和目标, 这里笔者简单整理一下需求: ...
实现css三角形生成器 因为这个工具的需求来自于前端, 所以肯定是要对css和js编程有一定的基础, 比如css3的transform,transition, 布局, 盒模型,border边界特性等. 和笔者之前写的任何一个开源工具一样, 在开发项目前一定要明确需求和目标, 这里笔者简单整理一下需求: ...
实现css三角形生成器 因为这个工具的需求来自于前端, 所以肯定是要对css和js编程有一定的基础, 比如css3的transform,transition, 布局, 盒模型,border边界特性等. 和笔者之前写的任何一个开源工具一样, 在开发项目前一定要明确需求和目标, 这里笔者简单整理一下需求: ...
JSON.stringify(triangleCss,null,4).replaceAll(/"/g,'').replaceAll(/,/g,';') 这样, 一个css三角形生成器就做好了, 大家还可以在此基础上继续扩展, 比如支持多边形, 六角形, ⭐五角形等, 也是完全没问题的. 在线体验地址:在线css三角形生成器 ...
也可以考虑画svg然后css引用svg…由于用的xml语法，比起纯用css画，解析、修改方便不少，更便于封装。