生动好看的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;
}

--- 持续更新---

相关推荐
Penge6661 分钟前
Sass 了解
前端
Penge66613 分钟前
Webpack 打包从 0 到 1 实战笔记
前端
Penge66624 分钟前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge66642 分钟前
Ant Design(Antd)了解
前端
wangruofeng1 小时前
同一行代码,百种渲染:Asuka、React Native 与 Flutter 跨平台渲染机制深度拆解
前端·github
Penge6661 小时前
JavaScript 核心语法速通
前端
wangruofeng3 小时前
写给开发者的〈重构 UI〉实战笔记:从改好一个设置页开始,告别“程序员审美”
前端·aigc
程序员鱼皮3 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?
前端·aigc·ai编程
ZhengEnCi4 小时前
登录页电脑端怎么设计才不空:5 种布局方案与可粘贴 AI 提示词
前端·css·设计
Penge6664 小时前
JavaScript:DOM 树
前端