SOURCE

<section class="_135editor">
    <section data-role="animate" style="margin: 0;padding: 0;">
        <svg class="135svg" data-bige="" viewbox="0 0 1080 1920" style="box-sizing:border-box;max-width: 100% !important;line-height: 0; display: inline-block; width: 100%; user-select: none; vertical-align: top; background-image: url(https://bcn.135editor.com/files/202301/zTAE7BC6_WEw2.png); background-repeat: no-repeat; background-size: 100% 100%;">
            <g>
                <!-- 灯笼 -->
                <g>
                    <g style="transform-origin:center top;">
                        <g>
                            <!-- 双灯笼 -->
                            <foreignobject x="0" y="0" width="242" height="566">
                                <svg class="135svg" data-bige="" viewbox="0 0 242 566" style="background-image: url(https://bcn.135editor.com/files/202301/uFZ2xOe4_GaAN.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                            </foreignobject>
                        </g>
                        <g>
                            <!-- 带福红灯笼6 -->
                            <foreignobject x="0" y="0" width="242" height="207">
                                <svg class="135svg" data-bige="" viewbox="0 0 242 566" style="background-image: url(https://bcn.135editor.com/files/202301/44aeZCQX_UFcL.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                            </foreignobject>
                        </g>
                        <g>
                            <g>
                                <g>
                                    <!-- 带福红灯笼5 -->
                                    <foreignobject x="0" y="0" width="242" height="207">
                                        <svg class="135svg" data-bige="" viewbox="0 0 242 566" style="background-image: url(https://bcn.135editor.com/files/202301/Xnags3xJ_Yqka.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                                    </foreignobject>
                                </g>
                                <g>
                                    <g>
                                        <g>
                                            <!-- 带福红灯笼3 -->
                                            <foreignobject x="0" y="0" width="242" height="207">
                                                <svg class="135svg" data-bige="" viewbox="0 0 242 566" style="background-image: url(https://bcn.135editor.com/files/202301/Hw8UXEJU_f7ca.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                                            </foreignobject>
                                        </g>
                                        <g>
                                            <g>
                                                <g>
                                                    <!-- 带福红灯笼2 -->
                                                    <foreignobject x="0" y="0" width="242" height="207">
                                                        <svg class="135svg" data-bige="" viewbox="0 0 242 566" style="background-image: url(https://bcn.135editor.com/files/202301/3gdSZuuE_yGW2.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                                                    </foreignobject>
                                                </g>
                                                <g>
                                                    <g>
                                                        <g>
                                                            <!-- 带福红灯笼1 -->
                                                            <foreignobject x="0" y="0" width="242" height="207">
                                                                <svg class="135svg" data-bige="" viewbox="0 0 242 566" style="background-image: url(https://bcn.135editor.com/files/202301/jVxhRw5I_AJtb.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                                                            </foreignobject>
                                                        </g>
                                                        <g>
                                                            <g>
                                                                <g>
                                                                    <!-- 单个红灯笼 -->
                                                                    <foreignobject x="0" y="0" width="242" height="207">
                                                                        <svg class="135svg" data-bige="" viewbox="0 0 242 566" style="background-image: url(https://bcn.135editor.com/files/202301/LLpPYHaO_zK5O.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                                                                    </foreignobject>
                                                                </g>
                                                                <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click" dur="1.2s" restart="never"></animate>
                                                            </g>
                                                            <animatetransform class="svg-hide" attributename="transform" type="translate" to="-242 0" begin="click+1.2s" dur="1ms" fill="freeze" restart="never"></animatetransform>
                                                        </g>
                                                        <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click+1.2s" dur="1s" restart="never"></animate>
                                                    </g>
                                                    <animatetransform class="svg-hide" attributename="transform" type="translate" to="-242 0" begin="click+2.2s" dur="1ms" fill="freeze" restart="never"></animatetransform>
                                                </g>
                                                <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click+2.5s" dur="1s" restart="never"></animate>
                                            </g>
                                            <animatetransform class="svg-hide" attributename="transform" type="translate" to="-242 0" begin="click+3.5s" dur="1ms" fill="freeze" restart="never"></animatetransform>
                                        </g>
                                        <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click+3.8s" dur="1s" restart="never"></animate>
                                    </g>
                                    <animatetransform class="svg-hide" attributename="transform" type="translate" to="-242 0" begin="click+4.8s" dur="1ms" fill="freeze" restart="never"></animatetransform>
                                </g>
                                <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click+5.1s" dur="1s" restart="never"></animate>
                            </g>
                            <animatetransform class="svg-hide" attributename="transform" type="translate" to="-242 0" begin="click+6.1s" dur="1ms" fill="freeze" restart="never"></animatetransform>
                        </g>
                        <!-- <animatetransform class="svg-hide" attributename="transform" attributetype="XML" type="translate" values="0 -20;0 0;0 -20;0 0;0 -20;0 0;0-20;0 0" begin="click+0.3s" dur="6s" restart="whennotreactive"></animatetransform> -->
                    </g>
                    <!-- <animatetransform class="svg-hide" attributename="transform" attributetype="XML" type="rotate" values="0;20;0;-15;0;10;0;-5;0" begin="click" dur="6s" restart="whennotreactive"></animatetransform> -->
                </g>
                <!-- 右上覆盖 -->
                <g>
                    <g transform="translate(646 339)">
                        <!-- 右上福覆盖 -->
                        <foreignobject x="0" y="0" width="243" height="251">
                            <svg class="135svg" data-bige="" viewbox="0 0 243 251" style="background-image: url(https://bcn.135editor.com/files/202301/FHQE2hee_htvb.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                        </foreignobject>
                    </g>
                    <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click" dur="1.3s" restart="never"></animate>
                </g>
                <!-- 左下覆盖 -->
                <g>
                    <g transform="translate(0 1420)">
                        <!-- 左下扇面 -->
                        <foreignobject x="0" y="0" width="176" height="510">
                            <svg class="135svg" data-bige="" viewbox="0 0 176 510" style="background-image: url(https://bcn.135editor.com/files/202301/q7ZcSauL_Chk6.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                        </foreignobject>
                    </g>
                    <g>
                        <g transform="translate(0 1175)">
                            <!-- 左下福覆盖 -->
                            <foreignobject x="0" y="0" width="321" height="263">
                                <svg class="135svg" data-bige="" viewbox="0 0 321 263" style="background-image: url(https://bcn.135editor.com/files/202301/zBQ6kRZD_v3fD.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                            </foreignobject>
                        </g>
                        <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click" dur="1.3s" restart="never"></animate>
                    </g>
                </g>
                <!-- 中间文字覆盖 -->
                <g>
                    <g>
                        <g transform="translate(320 830)">
                            <!-- 中间福覆盖 -->
                            <foreignobject x="0" y="0" width="248" height="251">
                                <svg class="135svg" data-bige="" viewbox="0 0 248 251" style="background-image: url(https://bcn.135editor.com/files/202301/EYAGuq6G_AxOT.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                            </foreignobject>
                        </g>
                        <animate class="svg-hide" attributename="opacity" values="1;0" fill="freeze" begin="click" dur="1.3s" restart="never"></animate>
                    </g>
                    <g transform="translate(177 940)">
                        <!-- 中间文字 -->
                        <foreignobject x="0" y="0" width="699" height="41">
                            <svg class="135svg" data-bige="" viewbox="0 0 699 41" style="background-image: url(https://bcn.135editor.com/files/202301/8t8QXE47_48sa.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                        </foreignobject>
                    </g>
                </g>
                <!-- 左下文字覆盖（扇面 -->
                <g>
                    <g transform="translate(1080 1920)">
                        <!-- 扇面 -->
                        <foreignobject x="0" y="0" width="210" height="209">
                            <svg class="135svg" data-bige="" viewbox="0 0 210 209" style="background-image: url(https://bcn.135editor.com/files/202301/8RrtUdN4_BsyF.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                        </foreignobject>
                    </g>
                    <g>
                        <g transform="translate(895 1675)">
                            <!-- 扇面 -->
                            <foreignobject x="0" y="0" width="184" height="245">
                                <svg class="135svg" data-bige="" viewbox="0 0 184 245" style="background-image: url(https://bcn.135editor.com/files/202301/zydRbwSy_Xyq2.png); display: block; background-size: 100%; background-repeat: no-repeat;"></svg>
                            </foreignobject>
                        </g>
                        <animatetransform class="svg-hide" attributename="transform" type="translate" to="420 418" begin="click" dur="1.3s" fill="freeze" restart="never"></animatetransform>
                    </g>
                    <animatetransform class="svg-hide" attributename="transform" type="translate" to="-210 -209" begin="click" dur="1.3s" fill="freeze" restart="never"></animatetransform>
                </g>
            </g>
        </svg>
    </section>
</section>