Neumorphic Elements

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

|浏览量:

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

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

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

效果还是非常惊艳的

相关推荐

typescript-exercises（十）

如果你不尊敬你的父母，那你的孩子也将不会尊敬你。——佚名题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146/*Intro: We have asynchronous functions now, advanced technology. This makes us a tech startup officially now. But one of t...

吾生也有涯，而知也无涯。——庄子 OmX - Oh My codeX（OMX）：你的 Codex 不是一个人在战斗OMX 的自我介绍很干脆，也很有“人格”： OmX - Oh My codeX: Your codex is not alone. Add hooks, agent teams, HUDs, and so much more. 它像一个在你身后随时扶你一把的“战术教练 + 运行时管家”：不抢 Codex 的方向盘，但把你的驾驶舱升级得更顺手、更稳定、更能跑长任务。 OMX 不是另一个 Codex。它明确站在 Codex 身边，做一个“工作流层（workflow layer）”： OMX is a workflow layer for OpenAI Codex CLI.It keeps Codex as the execution engine… 也就是说——Codex 仍然是那个真正冲向战场、执行工具、写代码、跑命令的执行引擎；OMX 则像一套“作战条令 + 组织体系 + 仪表盘 + 记事本”，让你从“想到哪做到哪”的临时起意，变成一条从澄清到交付的稳定流水线...

vue强制更新

人生是花，而爱便是花的蜜。——雨果我们可以使用： 1this.$forceUpdate(); 去强制重新渲染vue的页面元素一般用于异步请求回调后赋值完毕，但页面未渲染的情况下官方文档介绍如下：示例：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

文本精准对齐

即使饱含泪水，我仍旧将它们擦干；即使不被信任，我仍旧相信。就是这样，也将是这样。——保罗·科埃略的《阿莱夫》 CSS 如何让文本随背景图等比例缩放？背景在响应式布局中，我们经常需要让文本标注准确地贴合背景图，并且在窗口缩放时，文本应保持相对位置不变，同时等比例缩放。然而，传统的 position: absolute 方式往往会导致文本发生偏移，影响对齐。最佳实践：position + transform在 CSS 中，最简单且稳定的方法是结合： 1234position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); 这能确保文本始终居中，不随容器缩放而偏移。原理解析 position: absolute 确定参考点文本相对于 position: relative 的父元素进行绝对定位。 left: 50%; top: 50% 让文本的左上角位于背景图 50% 的位置。 transform: translate(-50%, -50%) 精准居中向左移动自身宽度 50% (t...

typescript-exercises（一）

你要克服的是你的虚荣心、炫耀欲，你要对付的是你时刻想要出风头的小聪明。——毛姆题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104/*Welcome to: ................................................................ . . . #################### #################### E . . ####################...

谨慎的行动要比合理的言论更重要。——西塞罗 vue2-elm 是一个基于 Vue.js 2.x 和 ElementUI 实现的仿饿了么外卖平台项目，主要用于学习 Vue.js 的实际开发。这是一个大型的单页面应用项目，涵盖了用户登录、餐馆信息展示、购物车功能、订单生成等核心功能。通过该项目，开发者可以深入学习 Vue.js 在实际场景中的应用，并理解如何构建和优化大型单页面应用。项目的主要功能模块包括：首页展示：展示外卖商家列表及其信息。商家详情页：展示某个商家的详细信息，包括商品分类和详细的评价信息。购物车功能：用户可以添加、删除商品，并结算订单。用户登录及个人中心：支持用户登录、查看订单历史等功能。地图定位及地址选择：基于百度地图 API 实现了用户地址选择和地理位置的定位功能。这个项目使用了 Vue.js 前端框架，并通过 Vuex 来管理应用状态。它还结合了 Vue Router 来实现页面的动态路由切换，用户体验接近于原生 APP。官方文档和 GitHub 地址 GitHub 仓库：bailicangdu/vue2-elm vue2-...

阿超

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

数据加载中