Neumorphic Elements

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

|浏览量:

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

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

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

效果还是非常惊艳的

相关推荐

君子不责人所不及，不强人所不能，不苦人所不好。——王通官方文档侦听器 | Vue.js 写法有点不同 1234567891011121314151617181920212223242526272829303132<script setup>import { ref, watch } from 'vue'const question = ref('')const answer = ref('Questions usually contain a question mark. ;-)')const loading = ref(false)// 可以直接侦听一个 refwatch(question, async (newQuestion, oldQuestion) => { if (newQuestion.includes('?')) { loading.value = true answer.value = 'Thi...

我当然不会试图摘月，我要月亮奔我而来。——奥黛丽赫本 https://github.com/mozilla/readability 最近发现了一款由 Mozilla 开发的开源工具 Readability.js，这是一个专注于网页内容提取的库，它能够快速解析网页中的正文内容，过滤掉广告、导航栏等干扰信息。Firefox 的“阅读模式”正是基于 Readability.js 实现的。这款工具对于需要优化网页阅读体验、自动提取文章内容的开发者来说非常实用。什么是 Readability.jsReadability.js 是 Mozilla 为了提升用户网页阅读体验而开发的一个工具，能够将网页上的主要内容提取出来并生成清爽的 HTML 片段。它非常适合集成到浏览器扩展、阅读器应用、内容聚合平台等项目中。安装和使用1. 安装在 Node.js 环境中可以通过 npm 直接安装： 1npm install @mozilla/readability 2. 基本使用要使用 Readability.js 提取网页内容，只需传入一个 DOM 文档对象并调用 parse() 方法： 1...

vue-admin-better

往事依稀浑似梦，都随风雨到心头。——巴金《家》 https://github.com/zxwk1998/vue-admin-better Vue Admin Better：拒绝过度封装、极速构建体验的中后台前端框架深度解析一个追求“更纯粹、更高效、更好上手”的 Vue 中后台解决方案。项目地址：GitHub 仓库｜演示地址合集见下文 1. 为什么值得关注 Vue Admin Better？Vue 中后台生态已经很成熟，但很多脚手架/模板存在这些痛点：启动慢、打包时间长、封装过度不易定制、权限系统耦合复杂。Vue Admin Better 的定位非常鲜明：拒绝过度封装，减少“找不到源码逻辑”的挫败感极致构建体验：2025 全新版本宣称运行速度提升 10–15 倍，打包速度提升 20–30 倍构建时间控制在 5 秒以内（飞一般体验）支持 Vue2 + Element UI、Vue3 + Element Plus、Vue3 + Arco Design 多版本形态跨平台（PC / 平板 / 手机）适配已在 ...

threejs+vite+ts实现官网基础部分

一个温柔的目光，一句由衷的话语，能使人忍受生活给他的许多磨难。——高尔基官方文档：three.js manual 源代码从这里改进： GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改，首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...

css实现鼠标划入显示拖动条

古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼代码如下： 1234567891011121314151617181920212223242526272829<!DOCTYPE html><html> <head> <style> .ruben-container{ height: calc(100vh - 70vh); width: calc(100vw - 70vw); overflow-y: auto; } .ruben-container::-webkit-scrollbar { width: 4px; } .ruben-container::-webkit-scrollbar-thumb{ ...

不要从你自己的口袋里掏出勋章借给你的朋友，这是侮辱他的——泰戈尔分享一个真实的雨滴效果： https://tympanus.net/Development/RainEffect/#slide-1 github地址：https://github.com/codrops/RainEffect 还是非常炫酷的

阿超

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

数据加载中