【流年-花开】回顾过去一年手机里留下的美好
<style type="text/css">
.mBox {
margin: 10px auto;
width: 700px;
height: 508px;
position: relative;
overflow: hidden;
border: 1px solid navy;
box-shadow: 2px 2px 4px 1px #444;
}
.pBox {
position: absolute;
animation: Roll 20s infinite steps(12,end);
display: block;
}
.pBox:hover {
cursor: pointer;
animation-play-state: paused;
}
.pBox img {
width: 700px;
height:508px;
float: left;
}
@keyframes Roll {
0% { top: 0px; }
100% { top: -6096px; }
</style>
<div class="mBox">
<div id="pBox" class="pBox">
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211258007791-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211258005542-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211258004413-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211258001384-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/20220121125800325-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211258003976-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211259471641-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211259475892-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211259475393-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211259477534-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211259475615-4765111.gif" /><br>
<img alt="" src="http://image.hnol.net/c/2022-01/21/12/202201211259476186-4765111.gif" />
</div>
</div>
<audio id="ktv" src="https://www.80wp.com/wj/3015609/e419b6bb4a21f02ca7315dfad9df0dff.mp3" loop="loop" autoplay="autoplay"></audio>
<script language="javascript">
var ktv = document.getElementById('ktv');
document.getElementById('pBox').onclick=function(){ ktv.paused ? ktv.play() : ktv.pause(); }
</script>
好美的花儿,我已感受到春天即将来临。{:4_187:} 整理手机里的图片,每个月拍摄的花花草草里选出一幅,作为当月代表,记录一下过去一年看到的美丽。
当然还有很多别的花儿没放进来,只是用它们做一下回复。
这些图片有些来自小区,有些来自公园,更多的在上下班的路上拍的,看到它们,会想起相关的很多事。
比如那张玉簪花,是出去逛街,路过一个街心花园看到的,当时被他吸引,就拍了下来。却不知道叫什么名字,跟网络图图对比了一下,大概叫这个名字。看看拍摄时间,是十一月的,就放在第11张了。
那个秋葵,是在乡下拍的,在论坛发过的,那个月份没怎么拍花,找不到别的,就又用了它。
在跨年活动里,通过一些美丽的图片,回忆一下过往,也是一份弥足珍贵的温暖。愿新的一年花儿仍然美丽,世界依然安好。祝福大家新的一年幸福快乐{:4_204:} 发帖使用了马黑黑教学里的图片轮播技能,在此非常感谢马黑黑{:4_204:}@马黑黑 凌霄花是在一个学校旁边拍的,蟹爪兰是我办公室里的,今年开得很好的,哦哦,应该叫去年了,都改不过口来{:4_173:} 小九 发表于 2022-1-21 13:17
好美的花儿,我已感受到春天即将来临。
九儿真快,我还在写关于这些图图的记忆,九儿就已经回完了{:4_189:}我把每个月拍的花儿都选了一张,作为对去年12个月的记忆。
红影 发表于 2022-1-21 13:27
九儿真快,我还在写关于这些图图的记忆,九儿就已经回完了我把每个月拍的花儿都选了一张,作为 ...
真用心{:4_199:} 数了下十几种花儿,代表去年的美丽和对新年的预期! 祝师妹一如花儿般绽放,四季常开,四季如春! 小九 发表于 2022-1-21 13:31
真用心
谢谢九儿,借活动再回忆一下那些美丽{:4_173:} 樵歌 发表于 2022-1-21 13:46
数了下十几种花儿,代表去年的美丽和对新年的预期!
12种啊,一个月一种。剩下的,留着明年再换一批来发,每个月肯定不止一种花儿的。比如我拍过郁金香,这里就没发{:4_173:} 樵歌 发表于 2022-1-21 13:47
祝师妹一如花儿般绽放,四季常开,四季如春!
师兄真会说话,开心{:4_205:} 不错不错,拍到不少美丽的花 图片的制作下的功夫应该不少 友昕 发表于 2022-1-21 15:08
不错不错,拍到不少美丽的花
累积起来就多了,一个月拍到一种花儿,还是不算难的事,一年下来,就够12个月的花儿展示了呀{:4_173:} 马黑黑 发表于 2022-1-21 15:10
图片的制作下的功夫应该不少
严格按照教学规定里的取一样大小的要求去做的{:4_189:} 红影 发表于 2022-1-21 15:15
严格按照教学规定里的取一样大小的要求去做的
图片自身的大小不一定严格,CSS代码强制尺寸就行,要注意的仅是你的图片在那个尺寸下会不会变形 红影 发表于 2022-1-21 15:15
累积起来就多了,一个月拍到一种花儿,还是不算难的事,一年下来,就够12个月的花儿展示了呀
除了花,还收获了一只猫咪,啥时上照看看?{:5_106:} 马黑黑 发表于 2022-1-21 15:21
图片自身的大小不一定严格,CSS代码强制尺寸就行,要注意的仅是你的图片在那个尺寸下会不会变形
溢出的不是会被裁剪么,只要不是小于强制尺寸就行了吧,小于的会被拉伸? 友昕 发表于 2022-1-21 16:12
除了花,还收获了一只猫咪,啥时上照看看?
哈哈,说得太对了,而且是我生日时来的。现在过去了半个月了,已经长得很好了。谢谢友昕对它的惦记{:4_187:}