buttons
发表于|更新于
|浏览量:
善人同处,则日闻嘉讯;恶人同游,则日生邪情。——范晔
分享一个按钮样式项目:
https://github.com/alexwolfe/Buttons
对应的网站:
https://unicorn-ui.com/buttons/builder/#
可以自定义你的按钮样式、颜色、点击效果

包括3d等等

相关推荐
2024-09-14
React优化技巧——避免state层级过高
你是非常可爱的人,真应该遇到最好的人,我也希望我就是。——《爱你就像爱生命》 今天从Cory House @housecor看到一个优化技巧随笔记一下,希望下次编写时候可以考虑 原代码: 123456789101112131415161718192021222324function Product() { const [rating, setRating] = useState(null); return ( <> <h1>Product</h1> <ProductRating rating={rating} setRating={setRating} /> </> );}function ProductRating({ rating, setRating }) { return ( <> <label htmlFor="rating"...
2024-06-25
popper.js定位提示和泡泡弹框
烈火试真金,逆境试强者。——塞内加 https://popper.js.org/docs/v2/ 分享一个定位工具提示和弹出窗口的库 例如 123456789101112131415161718192021222324252627<!DOCTYPE html><title>Popper example</title><style> #tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; }</style><button id="button" aria-describedby="tooltip">I'm a button</button><div id="tooltip" role="tooltip&qu...
2026-01-23
tambo
从不浪费时间的人,没有工夫抱怨时间不够。——杰弗逊 Tambo AI:让 React 界面“根据对话自动长出来”的 Generative UI SDK如果你的用户不该学会使用你的应用,而是应用该学会理解用户,那么 Tambo 的理念会让你眼前一亮。Tambo 是一套专为 React 打造的“Generative UI” SDK:你注册可用的组件,AI 会在自然语言对话中决定渲染哪些组件、以什么参数渲染。对新手和高手呈现出不同的界面,对“我想要的就是那张按地区分组的上季度销售图”这类自然指令,自动生成正确的交互与视图。 仓库:tambo-ai/tambo 官网与文档:tambo.co · docs.tambo.co 包:@tambo-ai/react 许可:MIT(部分工作空间为 Apache-2.0,见各自 LICENSE/NOTICE) 它是什么 一套针对 React 的生成式界面 SDK 让你“注册”组件及其 props schema,然后由 AI 决定何时以及如何渲染 支持一次性渲染的“生成式组件”和可持续交互更新的“可交互组件” 通...
2021-06-02
关于wx.getUserInfo获取到匿名数据的坑
生命的黎明是乐园,青春才是真正的天堂。——华兹华斯 今天搞了很久,发现使用wx.getUserInfo获取到的用户昵称一直是:“微信用户”,并且头像也是默认的。。。 然后官方文档里发现 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html 打开后是这个页面 然后我们看wx.getUserProfile的文档: wx.getUserProfile只能在页面产生点击事件(例如 button 上 bindtap 的回调中)后才可调用每次请求都会弹出授权窗口,用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo,详见 用户信息接口调整说明。 注意desc是必填 我们配置好appid后 调用wx.getUserProfile 代码如下 12345678910111213141516171819202122232425262728<template> <view style="width:1...
2025-08-07
translate-ha-jimi
但愿苍生俱饱暖,不辞辛苦出山林。一一于谦 哈基密语加密器 translate-ha-jimi:浏览器本地端到端加密,体验另类语言编码的乐趣!你是否曾想过,和好友聊天的内容能像“密语”一样,既神秘又安全,既有趣又防偷窥?现在,**哈基密语加密器(translate-ha-jimi)**就能满足你的所有幻想!它不仅是一款强大的浏览器本地端到端加密聊天工具,更以轻松娱乐为出发点,让学习加密算法、体验信息安全变得生动有趣。 哈基密(哈吉米)的有趣来历“哈基密”或“哈吉米”这个词,实际上源自于日语“はちみつ”(hachimitsu,意为“蜂蜜”)的空耳发音。其灵感来自于热门动画《赛马娘》第二季第12集:剧中角色东海帝皇在买蜂蜜饮料时,嘴里哼唱着“哈基密哈基密”的小曲,俏皮又洗脑。自此,“哈基密”便在ACG圈层中成为一种极具特色的网络流行语,被大家用来调侃、加密、甚至“恶搞”语言内容,形成了独特的亚文化密码。 项目简介translate-ha-jimi(哈基密语加密器) 是一款专为聊天内容加密设计的本地工具,全部加密和解密过程都在你的浏览器本地完成,无需上传任何数据,保障你的信息...
2024-10-15
object-fit
能轻易做到别人感觉困难的事是人才;能轻易做到别人所不能做的工作是天才。——西德尼 讲一个小技巧,对于图片裁剪可以用这个属性:object-fit object-fit 是一个 CSS 属性,用于指定替换元素(如 <img> 和 <video>)内容的尺寸如何适应其容器。它定义了内容如何填充容器的大小,以及是否保持内容的比例 例如: 123<div style="width: 400px; height: 400px; overflow: hidden;"> <img src="https://vampireachao.github.io/imgs/head.png" style="width: 100%; height: auto; object-fit: cover; object-position: 0px 0px;transform: scale(1.2);"></div>

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog