组件:版头落雨代码
本组件原作者已无法查明。
请使用如下方式使用该组件:
[[include :the-sea-wiki:component:rain]]
div#container { background-image: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC %22-//W3C//DTD SVG 20010904//EN%22 %22http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd%22%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22375%22 height=%22120%22%3E%3Cstyle xmlns=%22http://www.w3.org/2000/svg%22%3E.st0%7Bfill:rgba(252,252,252,0.35);%7D.rain%7Banimation:rain 300ms linear infinite%7D%40keyframes rain%7B0%25%7Btransform:translateY(0);%7D100%25%7Btransform:translateY(100%25);%7D%7D%3C/style%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:400ms;%22%3E%3Cpolygon class=%22st0%22 points=%22246.6,85.3 246.8,85.3 246.8,98.5 246.6,98.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22246.6,-34.7 246.8,-34.7 246.8,-21.5 246.6,-21.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:377ms;%22%3E%3Cpolygon class=%22st0%22 points=%22265.6,2.8 265.8,2.8 265.8,10.3 265.6,10.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22265.6,-117.2 265.8,-117.2 265.8,-109.7 265.6,-109.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:278ms;%22%3E%3Cpolygon class=%22st0%22 points=%22229.6,-3.3 230.1,-3.3 230.1,14.7 229.6,14.7%22 /%3E%3Cpolygon class=%22st0%22 points=%22229.6,-123.3 230.1,-123.3 230.1,-105.3 229.6,-105.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:228ms;%22%3E%3Cpolygon class=%22st0%22 points=%22141.6,24.2 141.8,24.2 141.8,32.5 141.6,32.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22141.6,-95.8 141.8,-95.8 141.8,-87.5 141.6,-87.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:204ms;%22%3E%3Cpolygon class=%22st0%22 points=%22289.7,125.7 290.4,125.7 290.4,138.0 289.7,138.0%22 /%3E%3Cpolygon class=%22st0%22 points=%22289.7,5.7 290.4,5.7 290.4,18.0 289.7,18.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:205ms;%22%3E%3Cpolygon class=%22st0%22 points=%22257.7,97.2 258.4,97.2 258.4,130.3 257.7,130.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22257.7,-22.8 258.4,-22.8 258.4,10.3 257.7,10.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:335ms;%22%3E%3Cpolygon class=%22st0%22 points=%22314.9,71.9 315.4,71.9 315.4,77.6 314.9,77.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22314.9,-48.1 315.4,-48.1 315.4,-42.4 314.9,-42.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:341ms;%22%3E%3Cpolygon class=%22st0%22 points=%22368.9,21.5 369.6,21.5 369.6,40.2 368.9,40.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22368.9,-98.5 369.6,-98.5 369.6,-79.8 368.9,-79.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:393ms;%22%3E%3Cpolygon class=%22st0%22 points=%22282.0,112.0 282.7,112.0 282.7,151.8 282.0,151.8%22 /%3E%3Cpolygon class=%22st0%22 points=%22282.0,-8.0 282.7,-8.0 282.7,31.8 282.0,31.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:233ms;%22%3E%3Cpolygon class=%22st0%22 points=%2261.0,96.7 61.5,96.7 61.5,102.9 61.0,102.9%22 /%3E%3Cpolygon class=%22st0%22 points=%2261.0,-23.3 61.5,-23.3 61.5,-17.1 61.0,-17.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:270ms;%22%3E%3Cpolygon class=%22st0%22 points=%22255.1,58.6 255.3,58.6 255.3,82.1 255.1,82.1%22 /%3E%3Cpolygon class=%22st0%22 points=%22255.1,-61.4 255.3,-61.4 255.3,-37.9 255.1,-37.9%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:383ms;%22%3E%3Cpolygon class=%22st0%22 points=%22367.1,3.7 367.8,3.7 367.8,18.3 367.1,18.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22367.1,-116.3 367.8,-116.3 367.8,-101.7 367.1,-101.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:254ms;%22%3E%3Cpolygon class=%22st0%22 points=%2287.8,23.9 88.1,23.9 88.1,33.0 87.8,33.0%22 /%3E%3Cpolygon class=%22st0%22 points=%2287.8,-96.1 88.1,-96.1 88.1,-87.0 87.8,-87.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:260ms;%22%3E%3Cpolygon class=%22st0%22 points=%22128.3,46.2 129.2,46.2 129.2,73.0 128.3,73.0%22 /%3E%3Cpolygon class=%22st0%22 points=%22128.3,-73.8 129.2,-73.8 129.2,-47.0 128.3,-47.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:243ms;%22%3E%3Cpolygon class=%22st0%22 points=%22176.5,125.4 176.9,125.4 176.9,136.1 176.5,136.1%22 /%3E%3Cpolygon class=%22st0%22 points=%22176.5,5.4 176.9,5.4 176.9,16.1 176.5,16.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:348ms;%22%3E%3Cpolygon class=%22st0%22 points=%22286.9,78.9 288.0,78.9 288.0,111.7 286.9,111.7%22 /%3E%3Cpolygon class=%22st0%22 points=%22286.9,-41.1 288.0,-41.1 288.0,-8.3 286.9,-8.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:274ms;%22%3E%3Cpolygon class=%22st0%22 points=%2243.4,19.3 44.1,19.3 44.1,27.5 43.4,27.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2243.4,-100.7 44.1,-100.7 44.1,-92.5 43.4,-92.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:279ms;%22%3E%3Cpolygon class=%22st0%22 points=%22271.1,82.6 272.1,82.6 272.1,95.5 271.1,95.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22271.1,-37.4 272.1,-37.4 272.1,-24.5 271.1,-24.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:377ms;%22%3E%3Cpolygon class=%22st0%22 points=%2244.8,72.0 45.1,72.0 45.1,78.4 44.8,78.4%22 /%3E%3Cpolygon class=%22st0%22 points=%2244.8,-48.0 45.1,-48.0 45.1,-41.6 44.8,-41.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:355ms;%22%3E%3Cpolygon class=%22st0%22 points=%2239.0,102.5 39.4,102.5 39.4,138.5 39.0,138.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2239.0,-17.5 39.4,-17.5 39.4,18.5 39.0,18.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:237ms;%22%3E%3Cpolygon class=%22st0%22 points=%22350.7,14.3 351.2,14.3 351.2,47.7 350.7,47.7%22 /%3E%3Cpolygon class=%22st0%22 points=%22350.7,-105.7 351.2,-105.7 351.2,-72.3 350.7,-72.3%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:321ms;%22%3E%3Cpolygon class=%22st0%22 points=%22153.9,69.1 154.7,69.1 154.7,103.6 153.9,103.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22153.9,-50.9 154.7,-50.9 154.7,-16.4 153.9,-16.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:286ms;%22%3E%3Cpolygon class=%22st0%22 points=%22323.9,85.9 324.7,85.9 324.7,115.8 323.9,115.8%22 /%3E%3Cpolygon class=%22st0%22 points=%22323.9,-34.1 324.7,-34.1 324.7,-4.2 323.9,-4.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:361ms;%22%3E%3Cpolygon class=%22st0%22 points=%2257.3,117.9 57.9,117.9 57.9,138.2 57.3,138.2%22 /%3E%3Cpolygon class=%22st0%22 points=%2257.3,-2.1 57.9,-2.1 57.9,18.2 57.3,18.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:343ms;%22%3E%3Cpolygon class=%22st0%22 points=%22171.2,85.4 171.9,85.4 171.9,95.2 171.2,95.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22171.2,-34.6 171.9,-34.6 171.9,-24.8 171.2,-24.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:264ms;%22%3E%3Cpolygon class=%22st0%22 points=%2226.7,4.5 27.1,4.5 27.1,19.0 26.7,19.0%22 /%3E%3Cpolygon class=%22st0%22 points=%2226.7,-115.5 27.1,-115.5 27.1,-101.0 26.7,-101.0%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:204ms;%22%3E%3Cpolygon class=%22st0%22 points=%22366.4,59.0 367.4,59.0 367.4,93.5 366.4,93.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22366.4,-61.0 367.4,-61.0 367.4,-26.5 366.4,-26.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:291ms;%22%3E%3Cpolygon class=%22st0%22 points=%2258.9,98.3 59.3,98.3 59.3,113.3 58.9,113.3%22 /%3E%3Cpolygon class=%22st0%22 points=%2258.9,-21.7 59.3,-21.7 59.3,-6.7 58.9,-6.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:308ms;%22%3E%3Cpolygon class=%22st0%22 points=%22140.8,40.0 141.8,40.0 141.8,64.5 140.8,64.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22140.8,-80.0 141.8,-80.0 141.8,-55.5 140.8,-55.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:223ms;%22%3E%3Cpolygon class=%22st0%22 points=%22181.1,2.3 181.5,2.3 181.5,28.2 181.1,28.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22181.1,-117.7 181.5,-117.7 181.5,-91.8 181.1,-91.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:391ms;%22%3E%3Cpolygon class=%22st0%22 points=%2276.5,-2.5 77.2,-2.5 77.2,18.3 76.5,18.3%22 /%3E%3Cpolygon class=%22st0%22 points=%2276.5,-122.5 77.2,-122.5 77.2,-101.7 76.5,-101.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:254ms;%22%3E%3Cpolygon class=%22st0%22 points=%2234.9,27.3 35.8,27.3 35.8,61.4 34.9,61.4%22 /%3E%3Cpolygon class=%22st0%22 points=%2234.9,-92.7 35.8,-92.7 35.8,-58.6 34.9,-58.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:319ms;%22%3E%3Cpolygon class=%22st0%22 points=%22190.8,29.1 191.9,29.1 191.9,42.9 190.8,42.9%22 /%3E%3Cpolygon class=%22st0%22 points=%22190.8,-90.9 191.9,-90.9 191.9,-77.1 190.8,-77.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:292ms;%22%3E%3Cpolygon class=%22st0%22 points=%2255.5,69.4 56.0,69.4 56.0,79.4 55.5,79.4%22 /%3E%3Cpolygon class=%22st0%22 points=%2255.5,-50.6 56.0,-50.6 56.0,-40.6 55.5,-40.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:320ms;%22%3E%3Cpolygon class=%22st0%22 points=%226.0,32.8 6.5,32.8 6.5,64.8 6.0,64.8%22 /%3E%3Cpolygon class=%22st0%22 points=%226.0,-87.2 6.5,-87.2 6.5,-55.2 6.0,-55.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:308ms;%22%3E%3Cpolygon class=%22st0%22 points=%22133.3,75.6 134.0,75.6 134.0,85.4 133.3,85.4%22 /%3E%3Cpolygon class=%22st0%22 points=%22133.3,-44.4 134.0,-44.4 134.0,-34.6 133.3,-34.6%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:296ms;%22%3E%3Cpolygon class=%22st0%22 points=%2293.3,37.9 93.8,37.9 93.8,71.3 93.3,71.3%22 /%3E%3Cpolygon class=%22st0%22 points=%2293.3,-82.1 93.8,-82.1 93.8,-48.7 93.3,-48.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:398ms;%22%3E%3Cpolygon class=%22st0%22 points=%22315.9,106.0 316.3,106.0 316.3,141.5 315.9,141.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22315.9,-14.0 316.3,-14.0 316.3,21.5 315.9,21.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:265ms;%22%3E%3Cpolygon class=%22st0%22 points=%2258.3,39.6 59.1,39.6 59.1,52.5 58.3,52.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2258.3,-80.4 59.1,-80.4 59.1,-67.5 58.3,-67.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:341ms;%22%3E%3Cpolygon class=%22st0%22 points=%22203.0,81.0 203.3,81.0 203.3,94.3 203.0,94.3%22 /%3E%3Cpolygon class=%22st0%22 points=%22203.0,-39.0 203.3,-39.0 203.3,-25.7 203.0,-25.7%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:294ms;%22%3E%3Cpolygon class=%22st0%22 points=%22341.8,0.2 342.4,0.2 342.4,24.5 341.8,24.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22341.8,-119.8 342.4,-119.8 342.4,-95.5 341.8,-95.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:252ms;%22%3E%3Cpolygon class=%22st0%22 points=%22163.1,107.7 163.3,107.7 163.3,143.5 163.1,143.5%22 /%3E%3Cpolygon class=%22st0%22 points=%22163.1,-12.3 163.3,-12.3 163.3,23.5 163.1,23.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:274ms;%22%3E%3Cpolygon class=%22st0%22 points=%22153.4,41.9 153.8,41.9 153.8,79.6 153.4,79.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22153.4,-78.1 153.8,-78.1 153.8,-40.4 153.4,-40.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:329ms;%22%3E%3Cpolygon class=%22st0%22 points=%2215.5,74.5 15.9,74.5 15.9,90.1 15.5,90.1%22 /%3E%3Cpolygon class=%22st0%22 points=%2215.5,-45.5 15.9,-45.5 15.9,-29.9 15.5,-29.9%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:369ms;%22%3E%3Cpolygon class=%22st0%22 points=%2286.5,90.9 87.6,90.9 87.6,122.5 86.5,122.5%22 /%3E%3Cpolygon class=%22st0%22 points=%2286.5,-29.1 87.6,-29.1 87.6,2.5 86.5,2.5%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:246ms;%22%3E%3Cpolygon class=%22st0%22 points=%22283.0,62.7 283.5,62.7 283.5,96.6 283.0,96.6%22 /%3E%3Cpolygon class=%22st0%22 points=%22283.0,-57.3 283.5,-57.3 283.5,-23.4 283.0,-23.4%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:342ms;%22%3E%3Cpolygon class=%22st0%22 points=%22246.9,48.1 247.7,48.1 247.7,63.2 246.9,63.2%22 /%3E%3Cpolygon class=%22st0%22 points=%22246.9,-71.9 247.7,-71.9 247.7,-56.8 246.9,-56.8%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:259ms;%22%3E%3Cpolygon class=%22st0%22 points=%22319.7,56.2 320.7,56.2 320.7,94.9 319.7,94.9%22 /%3E%3Cpolygon class=%22st0%22 points=%22319.7,-63.8 320.7,-63.8 320.7,-25.1 319.7,-25.1%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:248ms;%22%3E%3Cpolygon class=%22st0%22 points=%22251.5,13.9 251.9,13.9 251.9,38.8 251.5,38.8%22 /%3E%3Cpolygon class=%22st0%22 points=%22251.5,-106.1 251.9,-106.1 251.9,-81.2 251.5,-81.2%22 /%3E%3C/g%3E%3Cg xmlns=%22http://www.w3.org/2000/svg%22 class=%22rain%22 style=%22animation-duration:238ms;%22%3E%3Cpolygon class=%22st0%22 points=%227.4,102.1 8.5,102.1 8.5,116.4 7.4,116.4%22 /%3E%3Cpolygon class=%22st0%22 points=%227.4,-17.9 8.5,-17.9 8.5,-3.6 7.4,-3.6%22 /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 23.4375rem 140px; background-repeat: repeat-x; background-position: 0 0; }