效果演示

一个具有动画效果的卡片元素和一个注册表单，背景为渐变色，整体布局简洁美观。

Code

<div class="card" style="--d:-1;">
    <div class="content">
        <div class="img">
            <img src="./img/果果k_01.jpg" alt="">
        </div>
        <div class="detail">
            <span>若冰儿（RuoBing）</span>
            <p>寻找真爱的微笑使者。</p>
        </div>
    </div>
    <a href="#">关注</a>
</div>
<div class="card" style="--d:0;">
    <div class="content">
        <div class="img">
            <img src="./img/果果k_02.jpg" alt="">
        </div>
        <div class="detail">
            <span>李晓雪（Lixiaoxue）</span>
            <p>用心灵构建美好的婚姻。</p>
        </div>
    </div>