avatar
文章
2203
标签
34
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超buttons 返回首页
搜索
首頁
目录
标签
友鏈
关于

buttons

发表于2023-01-03|更新于2026-02-24
|浏览量:

善人同处,则日闻嘉讯;恶人同游,则日生邪情。——范晔

分享一个按钮样式项目:

https://github.com/alexwolfe/Buttons

对应的网站:

https://unicorn-ui.com/buttons/builder/#

可以自定义你的按钮样式、颜色、点击效果

image-20230103191245596

包括3d等等

image-20230103191321395

前端
上一篇
css渐变实现杂色
团结就是力量——毛泽东 思路出处:https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ 这是一个通过css渐变产生的锯齿BUG实现的噪点效果 例如我们使用径向渐变画两个圆,这里用的径向渐变函数radial-gradient,其中第一个参数是距离中心点近的渐变样式,第二个是远一些的,每个参数中第一项是颜色,第二项是区域 这里的: 从中心点进行沿半径进行渐变 123456789101112131415<div class="box"></div><div class="box"></div><style> .box { display: inline-block; width: 300px; aspect-ratio: 1; margin: 10px; border: 2px solid red; background: radial-gradient(#000...
下一篇
transition.style
我这个人走得很慢,但是我从不后退。——亚伯拉罕·林肯 分享一个网站https://www.transition.style 这个网站提供了transition的各种css动画效果,其github地址:https://github.com/argyleink/transition.css 可以直接选取你需要的动画效果,点击复制,右边还可以自定义时间、淡入淡出等
相关推荐
2020-11-04
模板字符串
生活不是苦难,也不是享乐,而是我们应当为之奋斗并坚持到底的事业。——托克维尔 这种东西那是相当的简单啊 1234567891011# JavaScript模板字符串使用var name = "achao";console.log(`我是${name}`);var number = 0;console.log(`今年${(number + 38) / 2}`);var word = "模板字符串";console.log(`${name}说:\'${word}\'那不是一般的香\n${rubenSaid()}`);function rubenSaid() { return `ruben说:${name}说的对!`;} 代码执行结果
2022-06-29
konva实现双击编辑富文本
那一天我二十一岁,在我一生的黄金时代,我有好多奢望。我想爱,我想吃,我想在一瞬间变成天上半明半暗的云。——《黄金时代》 完整代码放到了:https://gitee.com/VampireAchao/simple-konva-html 主要是这个文件 https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html 思路来源:https://konvajs.org/docs/sandbox/Rich_Text.html 主要思路: 1.双击时创建(我这里是隐藏显示再定位)富文本dom节点 2.通过htmlToCanvas转换html为canvas 3.使用Konva.Image渲染 效果还是蛮不错的,能做polotno的类似案例
2023-05-22
officegen
以权利合者,权利尽而交疏。——《史记》 如果我们需要使用js来编辑word、excel、powerpoint 可以使用这个开源项目:https://github.com/Ziv-Barber/officegen 可以让我们在html中进行编辑 安装使用: 1$ npm install officegen ppt例子: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354const officegen = require('officegen')const fs = require('fs')// Create an empty PowerPoint object:let pptx = officegen('pptx')// Let's add a title slide:let slide = pptx.makeTitleSlide('Officeg...
2022-03-16
自定义scroll滑块样式
这个天地,我来过,我奋战过,我深爱过,我不在乎结局。——今何在 《悟空传》 代码如下: 12345678910111213141516171819202122232425262728/* 滚动条整体部分 */::-webkit-scrollbar { width: 12px;}/* 滚动条两端的按钮 */::-webkit-scrollbar-button {}/* 外层轨道 */::-webkit-scrollbar-track { background: #eee; border-radius: 18px;}/* 内层滚动槽 */::-webkit-scrollbar-track-piece { }/* 滚动的滑块 */::-webkit-scrollbar-thumb { border-radius: 18px; background: #bbb;}/* 边角 */::-webkit-scrollbar-corner { }/* 定义右下...
2020-10-21
页面点击随机字符
不要让昨天占用今天的时间。 ——美洲 应群友的要求分享给大家~ 123456789101112131415161718192021222324252627282930313233343536//随机字$(function () { var a_idx = 0, b_idx = 0; c_idx = 0; jQuery(document).ready(function ($) { $("body").click(function (e) { var a = new Array("Daphne", "Ficus", "Iris", "Maackia", "Lythrum", "Myrica", "Sabia", "Flos", "あなたのことが好きです", "嬉しい", "頑張って!"...
2024-10-29
typescript-exercises(三)
青年人的教育是国家的基石。——富兰克林 题面: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970/*Intro: Since we already have some of the additional information about our users, it's a good idea to output it in a nice way.Exercise: Fix type errors in logPerson function. logPerson function should accept both User and Admin and should output relevant information according to the input: occupation for User an...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2203
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
coding-interview-university2026-06-09
Open-LLM-VTuber2026-06-08
cosmos2026-06-07
spec-kit2026-06-06
headroom2026-06-05
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中