生动好看的css卡片样式

最新推荐文章于 2024-09-26 19:50:45 发布

牛马人生

最新推荐文章于 2024-09-26 19:50:45 发布

阅读量486

点赞数 2

文章标签： css javascript 前端

本文链接：https://blog.csdn.net/qq_44476779/article/details/142363119

版权

样式一：

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

展示：
在这里插入图片描述
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;
}