| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- {
- "viewBox": "0 0 1920 1080",
- "css": "/* 可以添加一些基础样式 */\n [data-anim-id] {\n transition: transform 3s;\n }\n\n /* auto_anim_0:条带按自身长度复制 3 份(间距 = 局部周期,见模板里的 use 副本),\n 整轮行程恰好等于平铺间距 → 回绕把画面映射到自身,接缝看不见;\n 相邻副本在重叠区用 zj-mask-0 交叉淡化,所以没有硬边。\n 屏幕行程 375.65px,按统一屏幕速度 45px/s → 周期 8348ms */\n [data-zj-anim^='zj-anim-0'] {\n animation: zj-flow-0 8348ms linear infinite;\n }\n\n @keyframes zj-flow-0 {\n from {\n transform: translate(0px, 0px);\n }\n to {\n transform: translate(348.439px, -140.378px);\n }\n }\n\n /* auto_anim_1:条带按自身长度复制 3 份(间距 = 局部周期,见模板里的 use 副本),\n 整轮行程恰好等于平铺间距 → 回绕把画面映射到自身,接缝看不见;\n 相邻副本在重叠区用 zj-mask-1 交叉淡化,所以没有硬边。\n 屏幕行程 210.94px,按统一屏幕速度 45px/s → 周期 4688ms */\n [data-zj-anim^='zj-anim-1'] {\n animation: zj-flow-1 4688ms linear infinite;\n }\n\n @keyframes zj-flow-1 {\n from {\n transform: translate(0px, 0px);\n }\n to {\n transform: translate(210.937px, 0px);\n }\n }\n\n /* auto_anim_2:条带按自身长度复制 3 份(间距 = 局部周期,见模板里的 use 副本),\n 整轮行程恰好等于平铺间距 → 回绕把画面映射到自身,接缝看不见;\n 相邻副本在重叠区用 zj-mask-2 交叉淡化,所以没有硬边。\n 屏幕行程 95.42px,按统一屏幕速度 45px/s → 周期 2120ms */\n [data-zj-anim^='zj-anim-2'] {\n animation: zj-flow-2 2120ms linear infinite;\n }\n\n @keyframes zj-flow-2 {\n from {\n transform: translate(0px, 0px);\n }\n to {\n transform: translate(43.553px, 84.897px);\n }\n }\n\n /* auto_anim_3:条带按自身长度复制 3 份(间距 = 局部周期,见模板里的 use 副本),\n 整轮行程恰好等于平铺间距 → 回绕把画面映射到自身,接缝看不见;\n 相邻副本在重叠区用 zj-mask-3 交叉淡化,所以没有硬边。\n 屏幕行程 84.06px,按统一屏幕速度 45px/s → 周期 1868ms */\n [data-zj-anim^='zj-anim-3'] {\n animation: zj-flow-3 1868ms linear infinite;\n }\n\n @keyframes zj-flow-3 {\n from {\n transform: translate(0px, 0px);\n }\n to {\n transform: translate(45.407px, 70.745px);\n }\n }",
- "animations": [],
- "elements": {
- "auto_anim_0": {
- "key": "auto_anim_0",
- "frames": [
- "matrix( 0.99700927734375, -0.0771484375, -0.5744476318359375, 1.04742431640625, 952.4,487.7)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 953.85,487.1)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 955.35,486.5)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 956.8,485.95)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 958.25,485.35)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 959.7,484.75)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 961.2,484.15)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 962.65,483.55)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 964.1,483)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 965.55,482.4)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 967.05,481.8)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 968.5,481.2)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 969.95,480.65)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 971.4,480.05)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 972.9,479.45)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 974.35,478.85)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 975.8,478.25)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 977.25,477.7)",
- "matrix( 0.9969635009765625, -0.0771331787109375, -0.5744171142578125, 1.047393798828125, 978.75,477.1)",
- "matrix( 0.99700927734375, -0.0771484375, -0.5744476318359375, 1.04742431640625, 980.2,476.5)"
- ]
- },
- "auto_anim_1": {
- "key": "auto_anim_1",
- "frames": [
- "matrix( 1, 0, -0.408477783203125, 0.723846435546875, 740.95,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 742.2,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 743.5,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 744.75,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 746,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 747.25,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 748.55,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 749.8,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 751.05,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 752.3,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 753.6,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 754.85,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 756.1,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 757.35,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 758.65,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 759.9,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 761.15,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 762.4,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.72381591796875, 763.7,494.4)",
- "matrix( 1, 0, -0.408477783203125, 0.723846435546875, 764.95,494.4)"
- ]
- },
- "auto_anim_2": {
- "key": "auto_anim_2",
- "frames": [
- "matrix( 1.0519561767578125, 0.2525634765625, 0.1552581787109375, 0.9878692626953125, 864.45,466.45)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 864.85,467.2)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 865.25,467.9)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 865.6,468.6)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 865.95,469.35)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 866.3,470.05)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 866.7,470.75)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 867.05,471.45)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 867.4,472.15)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 867.75,472.85)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 868.15,473.6)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 868.5,474.3)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 868.85,475)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 869.2,475.7)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 869.6,476.4)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 869.95,477.1)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 870.3,477.85)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 870.65,478.55)",
- "matrix( 1.0519561767578125, 0.2525482177734375, 0.1552581787109375, 0.9878387451171875, 871.05,479.25)",
- "matrix( 1.0519561767578125, 0.2525634765625, 0.1552581787109375, 0.9878692626953125, 871.35,479.9)"
- ]
- },
- "auto_anim_3": {
- "key": "auto_anim_3",
- "frames": [
- "matrix( 0.9715118408203125, -0.2369842529296875, 0.2369842529296875, 0.9715118408203125, 1162.5,386.45)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1163.05,387.2)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1163.5,387.95)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1164,388.7)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1164.45,389.4)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1164.95,390.15)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1165.4,390.9)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1165.9,391.65)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1166.35,392.4)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1166.85,393.15)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1167.3,393.85)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1167.8,394.6)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1168.25,395.35)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1168.75,396.1)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1169.2,396.85)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1169.7,397.6)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1170.15,398.3)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1170.65,399.05)",
- "matrix( 0.97149658203125, -0.236968994140625, 0.236968994140625, 0.97149658203125, 1171.1,399.8)",
- "matrix( 0.9715118408203125, -0.2369842529296875, 0.2369842529296875, 0.9715118408203125, 1171.55,400.55)"
- ]
- },
- "auto_anim_4": {
- "key": "auto_anim_4",
- "frames": [
- "matrix( 1.2454071044921875, 0, 0, 1.2454071044921875, 1481.7,564.9)",
- "matrix( 0.5476531982421875, 0, 0, 0.5476531982421875, 1486.2,572.7)",
- "matrix( 0.95916748046875, 0, 0, 0.95916748046875, 1495.3,573.15)",
- "matrix( 1, 0, 0, 1, 1490.4,558.3)",
- "matrix( 1.2454071044921875, 0, 0, 1.2454071044921875, 1481.7,564.9)",
- "matrix( 0.5476531982421875, 0, 0, 0.5476531982421875, 1486.2,572.7)",
- "matrix( 0.95916748046875, 0, 0, 0.95916748046875, 1495.3,573.15)",
- "matrix( 1, 0, 0, 1, 1490.4,558.3)",
- "matrix( 1.2454071044921875, 0, 0, 1.2454071044921875, 1481.7,564.9)",
- "matrix( 0.5476531982421875, 0, 0, 0.5476531982421875, 1486.2,572.7)",
- "matrix( 0.95916748046875, 0, 0, 0.95916748046875, 1495.3,573.15)",
- "matrix( 1, 0, 0, 1, 1490.4,558.3)",
- "matrix( 1.2454071044921875, 0, 0, 1.2454071044921875, 1481.7,564.9)",
- "matrix( 0.5476531982421875, 0, 0, 0.5476531982421875, 1486.2,572.7)",
- "matrix( 0.95916748046875, 0, 0, 0.95916748046875, 1495.3,573.15)",
- "matrix( 1, 0, 0, 1, 1490.4,558.3)",
- "matrix( 1.2454071044921875, 0, 0, 1.2454071044921875, 1481.7,564.9)",
- "matrix( 0.5476531982421875, 0, 0, 0.5476531982421875, 1486.2,572.7)",
- "matrix( 0.95916748046875, 0, 0, 0.95916748046875, 1495.3,573.15)",
- "matrix( 1, 0, 0, 1, 1490.4,558.3)"
- ]
- }
- }
- }
|