195400 发表于 2021-1-2 10:22

2021年的月历

<!--

-->

<style type="text/css">

        #mCalendar img{

                width:320px;

                height:475px;

                position: absolute;

                overflow:hidden;

                border-radius:8px;

                border:thin blue inset;

        }

        #mCalendar img:nth-child(1){

                transform: translateZ(605px);

        }

        #mCalendar img:nth-child(2){

                transform: rotateY(30deg) translateZ(605px);

        }

        #mCalendar img:nth-child(3){

                transform: rotateY(60deg) translateZ(605px);

        }

        #mCalendar img:nth-child(4){

                transform: rotateY(90deg) translateZ(605px);

        }

        #mCalendar img:nth-child(5){

                transform: rotateY(120deg) translateZ(605px);

        }

        #mCalendar img:nth-child(6){

                transform: rotateY(150deg) translateZ(605px);

        }

        #mCalendar img:nth-child(7){

                transform: rotateY(180deg) translateZ(605px);

        }

        #mCalendar img:nth-child(8){

                transform: rotateY(210deg) translateZ(605px);

        }

        #mCalendar img:nth-child(9){

                transform: rotateY(240deg) translateZ(605px);

        }

        #mCalendar img:nth-child(10){

                transform: rotateY(270deg) translateZ(605px);

        }

        #mCalendar img:nth-child(11){

                transform: rotateY(300deg) translateZ(605px);

        }

        #mCalendar img:nth-child(12){

                transform: rotateY(330deg) translateZ(605px);

        }



        /*# id选择器   id不能重复命名*/

        #mCalendar{

                margin: 10px auto;/*让父元素居中*/

                width: 320px;

                height: 475px;

                /*声明一个3D空间*/

                transform-style: preserve-3d;

                transform: rotateX(-0.5deg);

                animation: animateB 120s linear infinite;

                ppposition: absolute;

                tttop:120px;llleft:320px;

        }

        /*定义一个动画*/

        @keyframes animateB {

                from {

                        transform: rotateX(-0.5deg) rotateY(360deg);

                }

                to {

                        transform: rotateX(-0.5deg) rotateY(0deg);

                }

        }

</style>

<p style="font:bold 1.3em 宋体,宋体_GB2312,隶书,华文新魏;color:red;text-align:center;">我们一起走过2020年,愿各位网友2021依然相伴前行</p>

<div style="position:relative;left:-80px;">

<div id="mCalendar">
<img src="data/attachment/forum/202101/02/100827vp6p6uu0f67l4sgf.gif" />
<img src="data/attachment/forum/202101/02/100827irmggushp949ppmx.gif" />
<img src="data/attachment/forum/202101/02/100841sgcm26kdmbot8d3d.gif" />
<img src="data/attachment/forum/202101/02/100827fmhblyn41b93blb3.gif" />

<img src="https://i.postimg.cc/pdnHXccn/ia-100000983.gif" />

<img src="data/attachment/forum/202101/02/100827ge7kgwxj8pbgjjxq.gif" />
<img src="data/attachment/forum/202101/02/100827m8gaan2ig2ho2h3h.gif" />
<img src="data/attachment/forum/202101/02/100841tgg3v721vz1gv3lw.gif" />
<img src="data/attachment/forum/202101/02/100841th2joov62x1vagvh.gif" />
<img src="data/attachment/forum/202101/02/100841kjxjgimvgiirmjom.gif" />
<img src="data/attachment/forum/202101/02/100827ybr4uszuk44ue4ou.gif" />
<img src="data/attachment/forum/202101/02/100841ssuouurztndu00bd.gif" />

</div>



<audio src="http://music.163.com/song/media/outer/url?id=1419247480.mp3" loop autoplay></audio>

绿地水池 发表于 2021-1-2 11:27

时间已经穿越到2021年12月啦?

绿地水池 发表于 2021-1-2 11:28

问好加油朋友。

195400 发表于 2021-1-2 11:35

绿地水池 发表于 2021-1-2 11:27
时间已经穿越到2021年12月啦?

:lol
莫急!2、3、4、5………… 挨个来:P

195400 发表于 2021-1-2 11:36

绿地水池 发表于 2021-1-2 11:28
问好加油朋友。

谢谢您!         

香染 发表于 2021-1-2 15:55

好可爱的月历

香染 发表于 2021-1-2 15:56

新年快乐,2021继续前行

195400 发表于 2021-1-2 16:14

香染 发表于 2021-1-2 15:55
好可爱的月历

http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123059ffon6y9p6tnedvne.gif

195400 发表于 2021-1-2 16:15

香染 发表于 2021-1-2 15:56
新年快乐,2021继续前行



香染 发表于 2021-1-2 16:17

195400 发表于 2021-1-2 16:15


感谢祝愿周末愉快
页: [1] 2 3
查看完整版本: 2021年的月历