几个文本倒影（可再细加工） 转自马黑教程专版

admin

悦颐家园好風光

悦颐家园好風光

悦颐家园好風光

悦颐家园好風光

admin

<style>
.myDiv {
        margin: auto; padding: 20px;
        width: 740px; height: 560px;
        background: teal;
}
.txtBox {
        width: fit-content;
        color: gold;
        font: bold 3em sans-serif;
        text-shadow: 1px 1px 2px gray, 2px 2px 4px gray;
        -webkit-box-reflect: below 0 linear-gradient(transparent,rgba(0,0,0,.35));
}
.txtBox1 {
        margin-top: 60px;
        -webkit-box-reflect: below 0 repeating-radial-gradient(transparent ,rgba(0,0,0,.75) 10px);
}
.txtBox2 {
        margin-top: 60px;
        -webkit-box-reflect: below 0 repeating-linear-gradient(transparent ,rgba(0,0,0,.75) 5px);
}
.txtBox3 {
        margin-top: 60px;
        -webkit-box-reflect: below 0 repeating-conic-gradient(transparent ,rgba(0,0,0,.75) 2deg);
}
</style>

<div class="myDiv">
        <div class="txtBox">花潮論壇好風光</div>
        <div class="txtBox txtBox1"><style>
.myDiv {
        margin: auto; padding: 20px;
        width: 740px; height: 560px;
        background: teal;
}
.txtBox {
        width: fit-content;
        color: gold;
        font: bold 3em sans-serif;
        text-shadow: 1px 1px 2px gray, 2px 2px 4px gray;
        -webkit-box-reflect: below 0 linear-gradient(transparent,rgba(0,0,0,.35));
}
.txtBox1 {
        margin-top: 60px;
        -webkit-box-reflect: below 0 repeating-radial-gradient(transparent ,rgba(0,0,0,.75) 10px);
}
.txtBox2 {
        margin-top: 60px;
        -webkit-box-reflect: below 0 repeating-linear-gradient(transparent ,rgba(0,0,0,.75) 5px);
}
.txtBox3 {
        margin-top: 60px;
        -webkit-box-reflect: below 0 repeating-conic-gradient(transparent ,rgba(0,0,0,.75) 2deg);
}
</style>

<div class="myDiv">
        <div class="txtBox">悦颐家园好風光</div>
        <div class="txtBox txtBox1">悦颐家园好風光</div>
        <div class="txtBox txtBox2">悦颐家园好風光</div>
        <div class="txtBox txtBox3">悦颐家园好風光</div>
</div>好風光</div>
        <div class="txtBox txtBox2">悦颐家园好風光</div>
        <div class="txtBox txtBox3">悦颐家园好風光</div>
</div>