【css学习计划】实现一个好看的悬停卡片

VIP文章 x_lykl

已于 2022-05-04 21:12:43 修改

阅读量390

点赞数 1

文章标签： css css3 html

于 2022-05-04 20:59:39 首次发布

本文链接：https://blog.csdn.net/x_lykl/article/details/124576853

版权

<!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>image hover effects</title>
    <style>
      * {
     
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
      }
      body {
     
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(45deg, #fbda61, #ff5acd);
        min-height: 100vh;
      }
      .card {
     
        position: relative;
        width: 350px;
        height: 190px;
        background: #fff;

最低0.47元/天解锁文章

优惠劵

x_lykl

关注关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
【css学习计划】实现一个好看的悬停卡片

<!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" /> <tit.
复制链接

扫一扫