卡片动画网站素材下载，简单的css卡片波浪效果

最新推荐文章于 2024-10-09 20:10:15 发布

正在修炼web的小芮

最新推荐文章于 2024-10-09 20:10:15 发布

阅读量140

点赞数

分类专栏： css3 文章标签： css3

本文链接：https://blog.csdn.net/m0_71814235/article/details/126074178

版权

本文介绍如何使用CSS3创建卡片式的波浪动画效果，包括引入reset.css和family.css来优化样式，同时提供了实现这种效果的最终效果图。

摘要由CSDN通过智能技术生成

    <title>Document</title>
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./family.css">
    <style>
        body,html{
           height: 100%;
           font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 
        }
        body{
            background-color: pink;
            background-image: linear-gradient(to top,pink 0%,rgb(243, 151, 166) 100%);
        }
        .Interstitial-wrapper{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }
        .Card{
            width: 800px;
            height: 600px;
            background-color: rgba(255,255,255,0.92);
            overflow: hidden;
            border-radius: 1px;
            box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px