生动好看的css卡片样式

样式一:

借鉴网址:++https://www.vue3js.cn/++

展示:

css

css 复制代码
<div class='aa'></div>

.aa {
  width: 300px;
  height: 200px;
  background: #fbfbfb !important;
  border: 1px solid #f1f1f1;
  transition: all 0.2s ease-in-out;
}
.aa:hover {
  width: 300px;
  height: 200px;
  background: #fbfbfb !important;
  box-shadow: 0 18px 32px -18px #000 !important;
  transform: translateY(-3px);
  border: 1px solid #f1f1f1;
}

--- 持续更新---

相关推荐
梦想很大很大3 小时前
使用 Go + Gin + Fx 构建工程化后端服务模板(gin-app 实践)
前端·后端·go
We་ct3 小时前
LeetCode 56. 合并区间:区间重叠问题的核心解法与代码解析
前端·算法·leetcode·typescript
张3蜂3 小时前
深入理解 Python 的 frozenset:为什么要有“不可变集合”?
前端·python·spring
无小道3 小时前
Qt——事件简单介绍
开发语言·前端·qt
广州华水科技3 小时前
GNSS与单北斗变形监测技术的应用现状分析与未来发展方向
前端
code_YuJun3 小时前
corepack 作用
前端
千寻girling3 小时前
Koa.js 教程 | 一份不可多得的 Node.js 的 Web 框架 Koa.js 教程
前端·后端·面试
全栈前端老曹3 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈
code_YuJun3 小时前
pnpm-workspace.yaml
前端
天才熊猫君3 小时前
“破案”笔记:iframe动态加载内容后,打印功能为何失灵?
前端