冬 粥
<div style="POSITION: relative; WIDTH: 1024px; TOP: 10px; LEFT: -20px"><div style="width:1000px;box-shadow:0px 0px 0px 2px #ffffff, 0px 0px 6px 12px #000079;overflow:hidden;overflow:hidden;border-radius:0%; height:620px; margin-top:12px; linear-gradient(#f00, #00f);background-blend-mode: lighten;">
<style type="text/css">#wbkDiv{
width:1024px; height:620px;
position:relative;
text-align: left;
align-content: flex-start;
left:0px;
background-image:url(http://pic.yupoo.com/yzf000319/c3042a1c/100c83f5.gif);
background-size:100%; }
/*视窗div */
#sckDiv{
width:700px;
height:470px;
overflow:hidden;
position: absolute;
left:145px; top:50px;
border: 3px solid #000079;
border-radius: 50%;
background-color :#006000;}
/*装所有图片移动的动画div，总宽度640*12＝7680，每张图片的高度640，一周期72秒，线性移动，滞迟2秒，无限循环，来回运动*/
#picDiv{
width:3000px;
height:470px;
animation: runing 36s linear infinite alternate;
animation-delay: 2s;
position: relative; left:0px;
}
/*鼠标放在图片上时动画暂停。*/
#picDiv:hover{animation-play-state: paused;}
/* runing动画定义-图片左右移动*/
@keyframes runing {
0%, 9% {left:0px;}
10%, 19% {left:-700px;}
20%, 29% {left:-1400px;}
30%, 39% {left:-2100px;}
40%, 49% {left:-2800px;}
}
/*img元素的样式。float:left 表示图片从左至右排列， */
#picDiv> img {float:left;height:470px;width:700px;margin-right:0px; border-radius: 100%; }
}
</style>
<div id="wbkDiv">
<div id="sckDiv">
<div id="picDiv"><img src="http://www.yinhuabbs.cn/data/attachment/forum/202301/06/145746xewhhfozbmf33z3z.png" /> <img src="http://www.yinhuabbs.cn/data/attachment/forum/202301/06/150234hgds5x433sxesxl4.jpg" /> <img src="http://www.yinhuabbs.cn/data/attachment/forum/202301/06/150234agyc1ycw0167wquw.jpg" /> <img src="http://www.yinhuabbs.cn/data/attachment/forum/202301/06/150235gul19f22l4p292nj.jpg" /> <img src="http://www.yinhuabbs.cn/data/attachment/forum/202301/06/150236nxhz4cbqzbnbbtna.gif" /> <img />
<div id="dragonfly"> </div>
</div>
</div>
</div>
</div>
</div>
<div id="dragonfly"> </div>
<p> </p>
<p> </p>
<p> </p>
<div style="position:absolute;top: 1240px;left: 80px;"><iframe frameborder="0" height="300" marginheight="0" marginwidth="0" scrolling="no" src="//pan.yinhuabbs.cn/view.php/abc28bbc77ad15a03c46ea9b6ac54f12.html" width="960"></iframe></div>
<p> </p>
<p> </p>
<table align="center" background="http://bbs.cnzv.cc/data/attachment/forum/202212/25/201127htw5sr6y6shr6jwh.jpg
" border="3" bordercolordark="#0000ff" cellpadding="1" cellspacing="2" style="WIDTH: 880px; HEIGHT: 564px" title="午老虎网博" width="630">
<tbody>
<tr>
<td>
<p> </p>
<style type="text/css">.图片自转{
text-align: center;
animation: rotation 10s linear infinite;
}
@keyframes rotation{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
</style>
<p> </p>
<div class="图片自转"><span style="color:#e74c3c;"><img alt="" src="http://img4.oldkids.cn/upload/2022/12/21/blog_260848457_20221221194755270.gif" style="width: 458px; height: 456px;LEFT:-60px; " /></span></div>
<p> </p>
<p> </p>
<table align="center" background="http://bbs.cnzv.cc/data/attachment/forum/202212/25/201126h9qsegefiggeoaid.jpeg
" border="3" bordercolordark="#fffffff" cellpadding="1" cellspacing="2" style="WIDTH: 940px; HEIGHT: 644px" title="午老虎网博" width="630">
<tbody>
<tr>
<td style="text-align: center;">
<div style="LEFT:360px; POSITION: absolute; TOP:1500px"><span style="color:#3498db;"><span style="font-size:32px;"><strong>冬 粥<br />
¥午老虎</strong></span></span><br />
<span style="color:#f1c40f;"><span style="font-size:48px;"><strong>风和意已春，<br />
病毒肆凌存。<br />
佛粥交相馈，<br />
新冠马后尘。</strong></span></span><br />
<span style="color:#3498db;"><span style="font-size:32px;"><strong>2022.12.30<br />
云南楚雄</strong></span></span></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
问好朋友
欣赏你的精彩
今天是腊八节，应时音画，听到歌曲，闻到粥香，年近了，年味也浓了，赞一个，问好老师 张红 发表于 2022-12-30 18:53
问好朋友
欣赏你的精彩
过了腊八就是年。谢谢老师的鼓励 容轩听雨 发表于 2022-12-30 19:04
今天是腊八节，应时音画，听到歌曲，闻到粥香，年近了，年味也浓了，赞一个，问好老师
过了腊八就是年。谢谢老师的鼓励 欣赏一下，谢谢。
页:
[1]