【流年-花开】回顾过去一年手机里留下的美好

红影

<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>

小九

好美的花儿，我已感受到春天即将来临。

红影

整理手机里的图片，每个月拍摄的花花草草里选出一幅，作为当月代表，记录一下过去一年看到的美丽。
当然还有很多别的花儿没放进来，只是用它们做一下回复。

这些图片有些来自小区，有些来自公园，更多的在上下班的路上拍的，看到它们，会想起相关的很多事。
比如那张玉簪花，是出去逛街，路过一个街心花园看到的，当时被他吸引，就拍了下来。却不知道叫什么名字，跟网络图图对比了一下，大概叫这个名字。看看拍摄时间，是十一月的，就放在第11张了。
那个秋葵，是在乡下拍的，在论坛发过的，那个月份没怎么拍花，找不到别的，就又用了它。

在跨年活动里，通过一些美丽的图片，回忆一下过往，也是一份弥足珍贵的温暖。愿新的一年花儿仍然美丽，世界依然安好。祝福大家新的一年幸福快乐

红影

发帖使用了马黑黑教学里的图片轮播技能，在此非常感谢马黑黑@马黑黑

红影

凌霄花是在一个学校旁边拍的，蟹爪兰是我办公室里的，今年开得很好的，哦哦，应该叫去年了，都改不过口来

红影

小九 发表于 2022-1-21 13:17
好美的花儿，我已感受到春天即将来临。

九儿真快，我还在写关于这些图图的记忆，九儿就已经回完了我把每个月拍的花儿都选了一张，作为对去年12个月的记忆。

小九

红影 发表于 2022-1-21 13:27
九儿真快，我还在写关于这些图图的记忆，九儿就已经回完了我把每个月拍的花儿都选了一张，作为 ...

真用心

樵歌

数了下十几种花儿，代表去年的美丽和对新年的预期！

樵歌

祝师妹一如花儿般绽放，四季常开，四季如春！

红影

小九 发表于 2022-1-21 13:31
真用心

谢谢九儿，借活动再回忆一下那些美丽

红影

樵歌 发表于 2022-1-21 13:46
数了下十几种花儿，代表去年的美丽和对新年的预期！

12种啊，一个月一种。剩下的，留着明年再换一批来发，每个月肯定不止一种花儿的。比如我拍过郁金香，这里就没发

红影

樵歌 发表于 2022-1-21 13:47
祝师妹一如花儿般绽放，四季常开，四季如春！

师兄真会说话，开心

友昕

不错不错，拍到不少美丽的花

马黑黑

图片的制作下的功夫应该不少

红影

友昕 发表于 2022-1-21 15:08
不错不错，拍到不少美丽的花

累积起来就多了，一个月拍到一种花儿，还是不算难的事，一年下来，就够12个月的花儿展示了呀

红影

马黑黑 发表于 2022-1-21 15:10
图片的制作下的功夫应该不少

严格按照教学规定里的取一样大小的要求去做的

马黑黑

红影 发表于 2022-1-21 15:15
严格按照教学规定里的取一样大小的要求去做的

图片自身的大小不一定严格，CSS代码强制尺寸就行，要注意的仅是你的图片在那个尺寸下会不会变形

友昕

红影 发表于 2022-1-21 15:15
累积起来就多了，一个月拍到一种花儿，还是不算难的事，一年下来，就够12个月的花儿展示了呀

除了花，还收获了一只猫咪，啥时上照看看？

红影

马黑黑 发表于 2022-1-21 15:21
图片自身的大小不一定严格，CSS代码强制尺寸就行，要注意的仅是你的图片在那个尺寸下会不会变形

溢出的不是会被裁剪么，只要不是小于强制尺寸就行了吧，小于的会被拉伸？

红影

友昕 发表于 2022-1-21 16:12
除了花，还收获了一只猫咪，啥时上照看看？

哈哈，说得太对了，而且是我生日时来的。现在过去了半个月了，已经长得很好了。谢谢友昕对它的惦记