悬停卡片效果
发表于|更新于
|浏览量:
人在无端微笑时,不是百无聊赖,就是痛苦难当。——王小波
分享一个通过css实现的卡片悬停效果
代码地址:cards: 悬浮卡片
在线演示:Document
相关推荐
2025-12-21
bun
时间就象海绵里的水一样,只要你愿意挤,总还是有的。——鲁迅 Bun 全面上手:Zig 打造的全能 JavaScript/TypeScript 工具链,一行命令跑起你的全栈应用 仓库地址:oven-sh/bun官方文档与指南:bun.com/docs简介:Bun 是一个“一体化”的 JavaScript/TypeScript 应用工具链,单一可执行文件 bun 即可同时充当运行时、包管理器、测试运行器与打包器,目标是成为 Node.js 的“即可替换”运行时。 为什么是 Bun?来自官方 README 的定义: Bun 是一个全能(all-in-one)工具集,单一可执行文件 bun。 核心是一个高速运行时,以 Zig 编写,底层由 JavaScriptCore 驱动。 设计目标:在尽可能多的场景下,直接替换 Node.js 使用。 开箱支持 TypeScript 与 JSX;内置测试、脚本运行和Node 兼容的包管理器。 一句话概括:有了 Bun,你可以更少的依赖、更短的启动链路、更快的开发/运行体验,把“常见的 No...
2024-03-09
订单确认按钮动画
志向不过是记忆的奴隶,生气勃勃地降生,但却很难成长。——莎士比亚 源码地址 https://codepen.io/aaroniker/details/eYOVrNa 非常炫酷的按钮效果,让人眼前一亮 主要都是靠css实现的 pug代码: 12345678910111213button(class='order') span(class='default') Complete Order span(class='success') Order Placed svg(viewbox='0 0 12 10') polyline(points='1.5 6 4.5 9 10.5 1') div(class='box') div(class='truck') div(class='back') div(class='front') div(class='...
2022-10-31
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 { ...
2020-12-02
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...
2025-08-26
fabricjs
没有比脚更长的路,没有比人更高的山。――汪国真《山高路远》 Fabric.js:浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中,图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画,还是数据可视化,HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强,却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验?如果答案是 YES,那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎! 一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库,专为现代浏览器设计,能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力,还提供了对象化管理、序列化、事件监听、自由变形等高级功能,成为前端图形应用的“事实标准”。 项目地址:https://github.com/fabricjs/fabric.js 官网演示:h...
2022-05-23
mac鱼眼效果
人不能象走兽那样活着,应该追求知识和美德。——但丁 上代码,上效果: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style ...

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