绿叶清舟 发表于 2022-1-3 12:33

影 生日快乐

本帖最后由 绿叶清舟 于 2022-1-3 12:38 编辑 <br /><br /><DIVstyle="position: relative; LEFT: 118px; TOP: 610px; width:358px; height:150px; background: #eddbb7; "><iframe width="358" height="150" frameborder="0" src="https://www.ixigua.com/iframe/6981969415860552223?autoplay=1" referrerpolicy="unsafe-url" allowfullscreen></iframe></div>
<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -280px; width:1200px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=800 background=https://pic.imgdb.cn/item/61d2717b2ab3f51d91200072.gif>
<style type="text/css">

.ddDiv {
      width:80%;
      height:4px;
      line-height:60px;
      color:transparent;
      font-family:SimHei,NSimSun,'Microsoft YaHei';
      font-size:60px;
      font-weight:bold;
      color:transparent;
      text-align:left;
      border-radius:8px 12px;
      
}

.sp { animation:iFlash 6s linear infinite; }
.ddDiv span:nth-child(1) { animation-delay:0s; }
.ddDiv span:nth-child(2) { animation-delay:0.4s; }
.ddDiv span:nth-child(3) { animation-delay:0.8s; }
.ddDiv span:nth-child(4) { animation-delay:1.2s; }
.ddDiv span:nth-child(5) { animation-delay:1.6s; }
.ddDiv span:nth-child(6) { animation-delay:2s; }

@keyframes iFlash {
      0%,100% {
                color:white;
                text-shadow:
                        2px 2px 4px coral,
                        2px 2px 10px coral,
                        2px 2px 20px coral,
                        2px 2px 40px coral,
                        2px 2px 50px coral,
                        2px 2px 60px coral,
                        2px 2px 0px coral,
                        2px 2px 80px coral,
                        2px 2px 90px coral,
                        2px 2px 100px coral;
      }
      30%,90% {
                color:transparent;
                text-shadow:none;
      }
}

</style>

<divstyle="position: relative; LEFT: -980px; width:1200px;TOP: -280px"class="ddDiv">
      <span class="sp">影</span><BR>
      <span class="sp">生</span><BR>
      <span class="sp">日</span><BR>
      <span class="sp">快</span><BR>
      <span class="sp">乐</span><BR>
      <span class="sp">！</span><BR>
</div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR>

绿叶清舟 发表于 2022-1-3 12:38


<style type="text/css">

.ddDiv {
      width:100%;
      height:4px;
      line-height:60px;
      color:transparent;
      font-family:SimHei,NSimSun,'Microsoft YaHei';
      font-size:60px;
      font-weight:bold;
      color:transparent;
      text-align:right;
      border-radius:8px 12px;
      
}

.sp { animation:iFlash 6s linear infinite; }
.ddDiv span:nth-child(1) { animation-delay:0s; }
.ddDiv span:nth-child(2) { animation-delay:0.4s; }
.ddDiv span:nth-child(3) { animation-delay:0.8s; }
.ddDiv span:nth-child(4) { animation-delay:1.2s; }
.ddDiv span:nth-child(5) { animation-delay:1.6s; }
.ddDiv span:nth-child(6) { animation-delay:2s; }

@keyframes iFlash {
      0%,100% {
                color:white;
                text-shadow:
                        2px 2px 4px coral,
                        2px 2px 10px coral,
                        2px 2px 20px coral,
                        2px 2px 40px coral,
                        2px 2px 50px coral,
                        2px 2px 60px coral,
                        2px 2px 0px coral,
                        2px 2px 80px coral,
                        2px 2px 90px coral,
                        2px 2px 100px coral;
      }
      30%,90% {
                color:transparent;
                text-shadow:none;
      }
}

</style>

<div class="ddDiv">
      <span class="sp">影</span><BR>
      <span class="sp">生</span><BR>
      <span class="sp">日</span><BR>
      <span class="sp">快</span><BR>
      <span class="sp">乐</span><BR>
      <span class="sp">！</span><BR>
</div>

小九 发表于 2022-1-3 12:53

是红影的生日吗？ 生日快乐！{:4_187:}

元诗酒 发表于 2022-1-3 18:29

生日快乐，分蛋糕{:4_173:}

闲言不语 发表于 2022-1-3 19:00

这视频定位很准！{:4_199:}祝红影生日快乐！

红影 发表于 2022-1-3 19:11

这个帖子真美，清舟运用了很多新技巧。喜欢的礼物，谢谢清舟{:4_179:}

红影 发表于 2022-1-3 19:13

都在催生啊，生日还好几天才到呢{:4_173:}
为了不影响活动，生日帖子都过后再精华吧，先悄悄藏在这里，影子也悄悄地开心着{:4_179:}

加林森 发表于 2022-1-3 19:35

红影生日快乐！{:4_204:}

大猫咪 发表于 2022-1-3 19:56

和清舟一起祝福红影生日快乐，幸福安康！

{:4_204:}{:4_176:}{:4_188:}

朵嫣 发表于 2022-1-3 19:59

影子生日快樂~{:4_204:}

清儿幽幽 发表于 2022-1-3 20:52

影儿 岁岁有今朝拥抱{:4_204:}

清儿幽幽 发表于 2022-1-3 20:52

精美制作   快乐每一天{:4_204:}

子梦 发表于 2022-1-5 14:18

好美的图图，借清舟的美图，祝影生日快乐，开心每一天！{:4_204:}

子梦 发表于 2022-1-5 14:19

不知为啥，我咋加不了分了。{:5_102:}

马黑黑 发表于 2022-1-5 23:30

本帖最后由 马黑黑 于 2022-1-5 23:40 编辑 <br /><br /><style type="text/css">

.mDiv {
        position:relative;
        width:1200px;
        height:800px;
        left:-280px;
        background:url('https://pic.imgdb.cn/item/61d2717b2ab3f51d91200072.gif');
}

.ddDiv {
        position:relative;
        left:100px;
        top:-60px;
        width:60px;
      line-height:60px;
      color:transparent;
      font-family:SimHei,NSimSun,'Microsoft YaHei';
      font-size:60px;
      font-weight:bold;
      color:transparent;
}

.sp { animation:iFlash 4s linear infinite; }
.ddDiv span:nth-child(1) { animation-delay:0s; }
.ddDiv span:nth-child(2) { animation-delay:0.4s; }
.ddDiv span:nth-child(3) { animation-delay:0.8s; }
.ddDiv span:nth-child(4) { animation-delay:1.2s; }
.ddDiv span:nth-child(5) { animation-delay:1.6s; }
.ddDiv span:nth-child(6) { animation-delay:2s; }

@keyframes iFlash {
      0%,100% {
                color:white;
                text-shadow:
                        2px 2px 4px coral,
                        2px 2px 10px coral,
                        2px 2px 20px coral,
                        2px 2px 40px coral,
                        2px 2px 50px coral,
                        2px 2px 60px coral,
                        2px 2px 0px coral,
                        2px 2px 80px coral,
                        2px 2px 90px coral,
                        2px 2px 100px coral;
      }
      30%,90% {
                color:transparent;
                text-shadow:none;
      }
}

</style>

<div class="mDiv">
        <iframe style="position:relative;left:490px;top:260px; " width="220 height=" 150"="" frameborder="0" src="https://www.ixigua.com/iframe/6981969415860552223?autoplay=1" referrerpolicy="unsafe-url" allowfullscreen=""></iframe>
        <div class="ddDiv">
              <span class="sp">影</span>
              <span class="sp">生</span>
              <span class="sp">日</span>
              <span class="sp">快</span>
              <span class="sp">乐</span>
              <span class="sp">！</span>
        </div>
</div>

马黑黑 发表于 2022-1-5 23:31

还是控制不好

马黑黑 发表于 2022-1-5 23:32

本地测试与论坛上的还是有区别，模拟不出环境来

马黑黑 发表于 2022-1-5 23:41

本帖最后由 马黑黑 于 2022-1-5 23:45 编辑

改装一下，不用 table：

<style type="text/css">

.mDiv {
      position:relative;
      width:1200px;
      height:800px;
      left:-280px;
      background:url('https://pic.imgdb.cn/item/61d2717b2ab3f51d91200072.gif');
}

.ddDiv {
      position:relative;
      left:100px;
      top:-60px;
      width:60px;
      line-height:60px;
      color:transparent;
      font-family:SimHei,NSimSun,'Microsoft YaHei';
      font-size:60px;
      font-weight:bold;
      color:transparent;
}

.sp { animation:iFlash 4s linear infinite; }
.ddDiv span:nth-child(1) { animation-delay:0s; }
.ddDiv span:nth-child(2) { animation-delay:0.4s; }
.ddDiv span:nth-child(3) { animation-delay:0.8s; }
.ddDiv span:nth-child(4) { animation-delay:1.2s; }
.ddDiv span:nth-child(5) { animation-delay:1.6s; }
.ddDiv span:nth-child(6) { animation-delay:2s; }

@keyframes iFlash {
      0%,100% {
                color:white;
                text-shadow:
                        2px 2px 4px coral,
                        2px 2px 10px coral,
                        2px 2px 20px coral,
                        2px 2px 40px coral,
                        2px 2px 50px coral,
                        2px 2px 60px coral,
                        2px 2px 0px coral,
                        2px 2px 80px coral,
                        2px 2px 90px coral,
                        2px 2px 100px coral;
      }
      30%,90% {
                color:transparent;
                text-shadow:none;
      }
}

</style>

<div class="mDiv">
      <iframe style="position:relative;left:490px;top:260px;" width="220 height="150" frameborder="0" src="https://www.ixigua.com/iframe/6981969415860552223?autoplay=1" referrerpolicy="unsafe-url" allowfullscreen=""></iframe>
      <div class="ddDiv">
                <span class="sp">影</span>
                <span class="sp">生</span>
                <span class="sp">日</span>
                <span class="sp">快</span>
                <span class="sp">乐</span>
                <span class="sp">！</span>
      </div>
</div>

辫子哥哥 发表于 2022-1-6 10:08

影子生日快乐

四海八荒 发表于 2022-1-7 20:41

精致蛋糕，再吃一块
页: [1] 2
查看完整版本: 影 生日快乐