svg实现卡通人物对话故事动画效果代码
代码语言：html
所属分类：动画
代码描述：svg实现卡通人物对话故事动画效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
.aljcont {
width: 100%;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.aljcont #alj {
width: 100%;
min-width: 1920px;
}
</style>
</head>
<body translate="no">
<div class="aljcont">
<svg id="alj" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 1080" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<style>
<![CDATA[
#esanepfai617_to {
animation: esanepfai617_to__to 30000ms linear infinite normal forwards
}
@keyframes esanepfai617_to__to {
0% {
transform: translate(713.965576px, 740.341736px)
}
6% {
transform: translate(713.965576px, 740.341736px)
}
12.666667% {
transform: translate(713.965576px, 737.341736px)
}
46.666667% {
transform: translate(713.965576px, 737.341736px)
}
50% {
transform: translate(703.694426px, 739.341736px)
}
53.333333% {
transform: translate(699.694426px, 739.341736px)
}
58.666667% {
transform: translate(712.694426px, 744.341736px)
}
100% {
transform: translate(712.694426px, 744.341736px)
}
}
#esanepfai617_ts {
animation: esanepfai617_ts__ts 30000ms linear infinite normal forwards
}
@keyframes esanepfai617_ts__ts {
0% {
transform: scale(0, 0)
}
6% {
transform: scale(0, 0)
}
12.666667% {
transform: scale(1, 1)
}
50% {
transform: scale(1, 1)
}
59.333333% {
transform: scale(0, 0)
}
100% {
transform: scale(0, 0)
}
}
#esanepfai618 {
animation: esanepfai618_c_o 30000ms linear infinite normal forwards
}
@keyframes esanepfai618_c_o {
0% {
opacity: 0
}
20.400000% {
opacity: 0
}
20.433333% {
opacity: 1
}
36.666667% {
opacity: 1
}
36.700000% {
opacity: 0
}
100% {
opacity: 0
}
}
#esanepfai6152_to {
animation: esanepfai6152_to__to 30000ms linear infinite normal forwards
}
@keyframes esanepfai6152_to__to {
0% {
transform: translate(821.970858px, 1047.870923px)
}
10% {
transform: translate(821.970858px, 1047.870923px)
}
15.333333% {
transform: translate(733.444303px, 739.341773px)
}
19.333333% {
transform: translate(733.444303px, 739.341773px)
}
20.666667% {
transform: translate(741.565583px, 621.085190px)
}
23.333333% {
transform: translate(741.565583px, 621.085190px)
}
24.666667% {
transform: translate(712.616334px, 605.419097px);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
26% {
transform: translate(747.086930px, 606.806872px);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
27.333333% {
transform: translate(717.569999px, 621.085196px);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
28.666667% {
transform: translate(750.761171px, 631.799989px);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
30% {
transform: translate(741.565583px, 621.085190px)
}
38% {
transform: translate(741.565583px, 621.085190px)
}
48% {
transform: translate(733.444303px, 739.341773px)
}
58.666667% {
transform: translate(719.476139px, 1049.676028px)
}
59.333333% {
transform: translate(723.876139px, 1063.634255px)
}
100% {
transform: translate(723.876139px, 1063.634255px)
}
}
#esanepfai6152_tr {
animation: esanepfai6152_tr__tr 30000ms linear infinite normal forwards
}
@keyframes esanepfai6152_tr__tr {
0% {
transform: rotate(0deg)
}
19.333333% {
transform: rotate(0deg)
}
20.666667% {
transform: rotate(17deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
23.333333% {
transform: rotate(17deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
24.666667% {
transform: rotate(6deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
26% {
transform: rotate(18deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
27.333333% {
transform: rotate(5deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
28.666667% {
transform: rotate(21deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
30% {
transform: rotate(17deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
38% {
transform: rotate(17deg);
animation-timing-function: cubic-bezier(0, 0, 0.580000, 1)
}
48% {
transform: rotate(7deg)
}
58.666667% {
transform: rotate(17deg)
}
100% {
transform: rotate(17deg)
}
}
#esanepfai6153_tr {
animation: esanepfai6153_tr__tr 30000ms linear infinite normal forwards
}
@keyframes esanepfai6153_tr__tr {
0% {
transform: translate(784.614676px, 1073.744163px) rotate(0deg)
}
23.333333% {
transform: translate(784.614676px, 1073.744163px) rotate(0deg)
}
24.666667% {
transform: translate(784.614676px, 1073.744163px) rotate(60deg)
}
26% {
transform: translate(784.614676px, 1073.744163px) rotate(10deg)
}
27.333333% {
transform: translate(784.614676px, 1073.744163px) rotate(60deg)
}
28.666667% {
transform: translate(784.614676px, 1073.744163px) rotate(10deg)
}
42.666667% {
transform: translate(784.614676px, 1073.744163px) rotate(10deg)
}
44% {
transform: translate(784.614676px, 1073.744163px) rotate(77deg)
}
100% {
transform: translate(784.614676px, 1073.744163px) rotate(77deg)
}
}
#esanepfai6153 {
animation: esanepfai6153_c_o 30000ms linear infinite normal forwards
}
@keyframes esanepfai6153_c_o {
0% {
opacity: 1
}
46.633333% {
opacity: 1
}
46.666667% {
opacity: 0
}
100% {
opacity: 0
}
}
#esanepfai6163 {
animation: esanepfai6163_c_o 30000ms linear infinite normal forwards
}
@keyframes esanepfai6163_c_o {
0% {
opacity: 0
}
19.333333% {
opacity: 0
}
19.366667% {
opacity: 0.850000
}
100% {
opacity: 0.850000
}
}
#esanepfai6168_tr {
animation: esanepfai6168_tr__tr 30000ms linear infinite normal forwards
}
@keyframes esanepfai6168_tr__tr {
0% {
transform: translate(816.558464px, 1062.670852px) rotate(0deg)
}
20.666667% {
transform: translate(816.558464px, 1062.670852px) rotate(0deg)
}
22% {
transform: translate(816.558464px, 1062.670852px) rotate(-20deg)
}
23.333333% {
transform: translate(816.558464px, 1062.670852px) rotate(20deg)
}
24.666667% {
transform: translate(816.558464px, 1062.670852px) rotate(-20deg)
}
26% {
transform: translate(816.558464px, 1062.670852px) rotate(20deg)
}
27.333333% {
transform: translate(816.558464px, 1062.670852px) rotate(-20deg)
}
28.666667% {
transform: translate(816.558464px, 1062.670852px) rotate(20deg)
}
30% {
transform: translate(816.558464px, 1062.670852px) rotate(-20deg)
}
31.333333% {
transform: translate(816.558464px, 1062.670852px) rotate(20deg)
}
32.666667% {
transform: translate(816.558464px, 1062.670852px) rotate(-20deg)
}
34% {
transform: translate(816.558464px, 1062.670852px) rotate(20deg)
}
35.333333% {
transform: translate(816.558464px, 1062.670852px) rotate(-20deg)
}
36.666667% {
transform: translate(816.558464px, 1062.670852px) rotate(42deg)
}
42.666667% {
transform: translate(816.558464px, 1062.670852px) rotate(42deg)
}
44% {
transform: translate(816.558464px, 1062.670852px) rotate(-12deg)
}
100% {
transform: translate(816.558464px, 1062.670852px) rotate(-12deg)
}
}
#esanepfai6168 {
animation: esanepfai6168_c_o 30000ms linear infinite normal forwards
}
@keyframes esanepfai6168_c_o {
0% {
opacity: 0
}
19.566667% {
opacity: 0
}
19.600000% {
opacity: 1
}
46.633333% {
opacity: 1
}
46.666667% {
opacity: 0
}
100% {
opacity: 0
}
}
#esanepfai6196_to {
animation: esanepfai6196_to__to 30000ms linear infinite normal forwards
}
@keyframes esanepfai6196_to__to {
0% {
transform: translate(713.955536px, 740.450409px)
}
6% {
transform: translate(713.955536px, 740.450409px)
}
46.666667% {
transform: translate(713.955536px, 740.450409px)
}
50% {
transform: translate(703.955536px, 742.450409px)
}
53.333333% {
transform: translate(699.955536px, 742.450409px)
}
58.666667% {
transform: translate(712.955536px, 744.450409px)
}
100% {
transform: translate(712.955536px, 744.450409px)
}
}
#esanepfai6196_ts {
animation: esanepfai6196_ts__ts 30000ms linear infinite normal forwards
}
@keyframes esanepfai6196_ts__ts {
0% {
transform: scale(0, 0)
}
6% {
transform: scale(0, 0)
}
12.666667% {
transform: scale(1, 1)
}
50% {
transform: scale(1, 1)
}
59.333333% {
transform: scale(0, 0)
}
100% {
transform: scale(0, 0)
}
}
#esanepfai6198_to {
animation: esanepfai6198_to__to 30000ms linear infinite normal forwards
}
@keyframes esanepfai6198_to__to {
0% {
transform: translate(683.550018px, 623.400009px)
}
100% {
transform: translate(2200px, 623.400009px)
}
}
#esanepfai6198 {
animation: esanepfai6198_c_o 30000ms linear infinite normal forwards
}
@keyframes esanepfai6198_c_o {
0% {
opacity: 1
}
85.333333% {
opacity: 1
}
96.666667% {
opacity: 0
}
100% {
opacity: 0
}
}
#esanepfai61102 {
animation: esanepfai61102_c_o 30000ms linear infinite normal forwards
}
@keyframes esanepfai61102_c_o {
0% {
opacity: 0
}
30% {
opacity: 0
}
30.033333% {
opacity: 1
}
46.633333% {
opacity: 1
}
46.666667% {
opacity: 0
}
100% {
opacity: 0
}
}
#esanepfai61135_ts {
animation: esanepfai61135_ts__ts 30000ms linear infinite normal forwards
}
@keyframes esanepfai61135_ts__ts {
0% {
transform: translate(717.924225px, 682.749481px) scale(-1, 1)
}
15.300000% {
transform: translate(717.924225px, 682.749481px) scale(-1, 1)
}
15.333333% {
transform: translate(717.924225px, 682.749481px) scale(1, 1)
}
50% {
transform: translate(717.924225px, 682.749481px) scale(1, 1)
}
50.033333% {
transform: translate(717.924225px, 682.749481px) scale(-1, 1)
}
100% {
transform: translate(717.924225px, 682.749481px) scale(-1, 1)
}
}
]]>
</style>
<defs>
<linearGradient id="esanepfai612-fill" x1="960" y1="426.651800" x2="960" y2="0.897800" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai612-fill-0" offset="0%" stop-color="rgb(8,78,255)" />
<stop id="esanepfai612-fill-1" offset="26.430000%" stop-color="rgb(7,63,218)" />
<stop id="esanepfai612-fill-2" offset="100%" stop-color="rgb(5,23,118)" />
</linearGradient>
<linearGradient id="esanepfai613-fill" x1="1064.500000" y1="676.457100" x2="1064.500000" y2="778.065600" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai613-fill-0" offset="0%" stop-color="rgb(3,7,29)" />
<stop id="esanepfai613-fill-1" offset="100%" stop-color="rgb(10,24,109)" />
</linearGradient>
<linearGradient id="esanepfai6169-fill" x1="819.455741" y1="1060.547398" x2="869.496996" y2="1049.260214" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6169-fill-0" offset="0%" stop-color="rgb(35,57,114)" />
<stop id="esanepfai6169-fill-1" offset="100%" stop-color="rgb(35,57,114)" />
</linearGradient>
<linearGradient id="esanepfai6173-fill" x1="792.705242" y1="952.299411" x2="757.326105" y2="977.798679" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6173-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6173-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6173-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6173-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6173-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6173-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6173-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6173-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6173-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6173-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6174-fill" x1="787.586441" y1="937.422445" x2="751.821439" y2="967.093094" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6174-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6174-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6174-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6174-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6174-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6174-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6174-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6174-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6174-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6174-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6175-fill" x1="786.510254" y1="917.515052" x2="744.446638" y2="959.090706" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6175-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6175-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6175-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6175-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6175-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6175-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6175-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6175-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6175-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6175-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6176-fill" x1="779.275382" y1="907.593724" x2="746.270369" y2="946.805883" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6176-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6176-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6176-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6176-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6176-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6176-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6176-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6176-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6176-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6176-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6177-fill" x1="777.308267" y1="891.602904" x2="737.283728" y2="933.598066" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6177-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6177-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6177-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6177-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6177-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6177-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6177-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6177-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6177-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6177-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6178-fill" x1="775.684709" y1="879.441978" x2="736.938943" y2="916.599444" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6178-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6178-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6178-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6178-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6178-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6178-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6178-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6178-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6178-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6178-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6179-fill" x1="773.047241" y1="868.188202" x2="731.352778" y2="904.526343" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6179-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6179-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6179-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6179-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6179-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6179-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6179-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6179-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6179-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6179-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6180-fill" x1="765.902915" y1="856.200480" x2="731.964252" y2="890.308704" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6180-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6180-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6180-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6180-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6180-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6180-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6180-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6180-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6180-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6180-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6181-fill" x1="763.525084" y1="838.290985" x2="727.488827" y2="882.594397" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6181-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6181-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6181-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6181-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6181-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6181-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6181-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6181-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6181-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6181-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6182-fill" x1="761.320500" y1="828.154168" x2="726.273053" y2="865.930738" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6182-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6182-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6182-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6182-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6182-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6182-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6182-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6182-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6182-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6182-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6183-fill" x1="755.304582" y1="819.379661" x2="723.245385" y2="855.716495" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6183-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6183-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6183-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6183-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6183-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6183-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6183-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6183-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6183-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6183-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6184-fill" x1="752.533208" y1="807.911457" x2="721.593333" y2="843.628376" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6184-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6184-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6184-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6184-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6184-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6184-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6184-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6184-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6184-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6184-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6185-fill" x1="747.333588" y1="798.153257" x2="720.178206" y2="831.200906" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6185-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6185-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6185-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6185-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6185-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6185-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6185-fill-6" offset="75.610000%" stop-color="rgb(37,33,37)" />
<stop id="esanepfai6185-fill-7" offset="81.190000%" stop-color="rgb(26,24,29)" />
<stop id="esanepfai6185-fill-8" offset="90.290000%" stop-color="rgb(15,15,20)" />
<stop id="esanepfai6185-fill-9" offset="100%" stop-color="rgb(11,12,17)" />
</linearGradient>
<linearGradient id="esanepfai6186-fill" x1="744.704527" y1="787.771179" x2="719.701171" y2="818.852883" spreadMethod="pad" gradientUnits="userSpaceOnUse">
<stop id="esanepfai6186-fill-0" offset="27.720000%" stop-color="rgb(246,244,192)" />
<stop id="esanepfai6186-fill-1" offset="35.960000%" stop-color="rgb(205,204,172)" />
<stop id="esanepfai6186-fill-2" offset="56.670000%" stop-color="rgb(105,105,125)" />
<stop id="esanepfai6186-fill-3" offset="61.230000%" stop-color="rgb(95,91,111)" />
<stop id="esanepfai6186-fill-4" offset="62.100000%" stop-color="rgb(91,87,106)" />
<stop id="esanepfai6186-fill-5" offset="71.150000%" stop-color="rgb(52,48,56)" />
<stop id="esanepfai6186-fill-6" offs.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0