Neumorphic Elements

发表于2023-04-11|更新于2026-02-24

|浏览量:

与智者同行，必得智慧；与愚者相伴，必定无益处。——大卫王

分享一些前端漂亮的小组件

https://codepen.io/myacode/pen/PoqQQNM

效果还是非常惊艳的

相关推荐

仿钉钉官网滚动效果

恭维含有一种毒剂，使最坚强的人也不免昏昏陶醉。——大仲马今天在bilibili刷到个视频 https://www.bilibili.com/video/BV12z4y1s7nE/ 发现实现了钉钉官网效果 https://www.dingtalk.com/ 非常的炫酷，仓库源码： https://gitee.com/vary-space/hello-world/tree/12z4y1s7nE

js禁止右键点击事件

勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达·芬奇 js禁止右键点击事件触发代码 123456789101112131415161718192021222324function click() { return false;}function click1() { if (event.button == 2) { return false; }}function CtrlKeyDown() { if (event.ctrlKey) { return false; }}document.onkeydown = CtrlKeyDown;document.onselectstart = click;document.onmousedown = click1;document.oncontextmenu = function(event) { if (document.all) windo...

我慢慢明白了我为什么不快乐，因为我总是期待一个结果。看一本书期待它让我变得深刻；吃饭、游泳期待它让我一斤斤瘦下来；发一条微信期待它被回复；对别人好期待被回待以好；写一个故事说一个心情期待被关注安慰；参加一个活动，期待换来充实丰富的经历。这些预设的期待如果实现了，我长舒一口气，如果没有实现呢，就自怨自艾。可是小时候也是同一个我，用一下午的时间看蚂蚁搬家，等石头开花。小时候不期待结果，小时候哭笑都不打折。——《允许自己虚度时光》 https://github.com/SeleniumHQ/selenium Selenium：让你的浏览器自动工作，解放双手的神器！你是否曾幻想过：打开电脑，一行代码敲下去，Chrome、Firefox、Safari……各路浏览器自动帮你完成所有重复操作，自己在旁边喝咖啡、刷剧、享受生活？这不是科幻，而是真实存在的“自动化世界”——Selenium，就是让这一切变得触手可及的开源王者！ Selenium是什么？一句话超酷简介 Automates browsers. That’s it!Selenium，就是让浏览器自己动起来的神器！不管你用什么语言，...

常制不可以待变化,一涂不可以应万方,刻船不以索遗剑。一一东晋·葛洪《抱朴子》 https://github.com/mfts/papermark Papermark：开源 DocSend 替代方案，智能文档分享新体验在数字化办公和远程协作日益普及的今天，文档安全分享与跟踪成为企业和个人不可或缺的需求。你是否曾因为发送合同、方案、报告时无法精准掌控访问和分析而苦恼？你是否希望拥有一款既能自定义品牌，又能实时统计文档访问的数据房间工具？如果你的答案是肯定的，那么你一定要试试 Papermark —— 一个正在快速崛起的开源 DocSend 替代项目！一、项目简介Papermark 是一款完全开源的文档分享与跟踪平台，被誉为“开源版 DocSend”。它支持个性化品牌、定制域名、内置访问分析，并允许开发者和企业自部署、自定义，保障数据安全和可控性。项目主页：https://papermark.com GitHub地址：https://github.com/mfts/papermark 项目定位：开源、安全、可自托管、可扩展的数据房间/文档分享平台最新 Star 数...

js进行深拷贝

共夸不受污泥染，没有污泥哪有莲。——《赏荷》对象深拷贝 123456789101112131415161718192021222324252627282930export function deepClone (data) { var type = getObjType(data) var obj if (type === 'array') { obj = [] } else if (type === 'object') { obj = {} } else { // 不再具有下一层次 return data } if (type === 'array') { for (var i = 0, len = data.length; i < len; i++) { data[i] = (function () { if (data...

display:block小技巧

成功之道，在于你为获得成功所做出的积极努力，而不在于预先就衡量这种成功的价值——哈里特分享一个小技巧 display:block 可以将style标签可见例如： 12345678910111213<body> <style contenteditable style="display: block;white-space: pre"> * { transition: all 0.2s } html { background: #ff00ff; font-size: 16px } </style></body> 因为我们这里给了contenteditable 所以可以直接在页面上编辑试试吧 * { transition: all 0.2s } html { ...

阿超

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

数据加载中