body {
background: #271D19;
animation: darken-background 4s ease-in-out infinite alternate;
}
.container {
position: absolute;
top: 30%;
left: 40%;
}
#face {
fill: #271D19;
animation: light 4s ease-in-out infinite alternate;
}
#pumpkin-body {
animation: darken 4s ease-in-out infinite alternate;
}
@keyframes light {
from {
fill: #271D19;
}
to {
fill: #FDB832;
}
}
@keyframes darken {
to {
opacity: 0.3;
}
}
@keyframes darken-background {
to {
background: #0E0701;
}
}
@media screen and (max-width: 600px) {
.container {
top: 15%;
left: 10%;
}
}
Documentd="M170.5 77.1094C138.9 63.9094 166.667 26.9428 184.5 10.1094C186.167 8.60942 186.6 4.90942 175 2.10942C163.4 -0.690578 126.833 50.9428 110 77.1094H170.5Z"
fill="url(#paint2_linear)" />
d="M85.66 143.786C50.6055 95.1616 76.6003 88.1166 88.2005 91.8505C92.2648 106.107 116.48 119.938 123 115.27C123 142.004 95.7551 157.789 85.66 143.786Z" />
d="M209.624 143.786C242.129 95.1616 218.025 88.1166 207.269 91.8505C203.5 106.107 181.046 119.938 175 115.27C175 142.004 200.263 157.789 209.624 143.786Z" />
d="M137.124 149.923C137.768 151.665 140.232 151.665 140.876 149.923L144.933 138.943C145.416 137.637 144.449 136.25 143.057 136.25H134.943C133.551 136.25 132.584 137.637 133.067 138.943L137.124 149.923Z" />
d="M159.124 149.923C159.768 151.665 162.232 151.665 162.876 149.923L166.933 138.943C167.416 137.637 166.449 136.25 165.057 136.25H156.943C155.551 136.25 154.584 137.637 155.067 138.943L159.124 149.923Z" />
d="M74.4291 177.596C67.7297 196.422 36.4662 172.367 32 167.661L53.7728 193.807V206.881L69.4046 213.679C68.6602 207.578 67.6181 195.899 69.4046 197.991C71.1911 200.083 85.7807 203.394 92.8522 204.789V216.294H112.392L111.275 204.789C118.868 208.972 124.488 206.532 126.349 204.789L124.116 221H156.496L154.263 204.789C161.409 208.972 172.128 206.532 176.594 204.789V216.294H197.808L196.692 204.789H220.698L218.465 213.679H238.563L236.888 204.789C246.378 206.358 268.16 164.821 260.335 174.459C257.788 177.596 242.471 193.284 227.397 185.44L230.747 175.505L208.416 174.459C208.416 178.642 211.207 176.028 211.207 185.44C211.207 192.842 191.667 187.532 185.526 185.44L187.759 174.459H162.079C160.962 176.55 164.312 185.44 164.312 185.44C164.312 185.44 141.981 187.532 134.165 185.44L136.398 164H110.159L111.275 185.44C97.4301 190.461 93.2244 187.532 92.8522 185.44L94.5271 164H74.4291V177.596Z" />
color-interpolation-filters="sRGB">
result="hardAlpha" />
color-interpolation-filters="sRGB">
result="hardAlpha" />
color-interpolation-filters="sRGB">
result="hardAlpha" />
color-interpolation-filters="sRGB">
result="hardAlpha" />
color-interpolation-filters="sRGB">
result="hardAlpha" />
color-interpolation-filters="sRGB">
result="hardAlpha" />
color-interpolation-filters="sRGB">
result="hardAlpha" />
gradientTransform="translate(120.306 61.3576) rotate(91.3998) scale(159.42 102.307)">
gradientTransform="translate(176.306 65.3576) rotate(91.3998) scale(159.42 102.307)">
gradientTransform="translate(216.142 74.877) rotate(91.6135) scale(177.57 131.337)">
gradientTransform="translate(190.142 82.877) rotate(91.6135) scale(177.57 131.337)">
gradientTransform="translate(80.1416 66.877) rotate(91.6135) scale(177.57 131.337)">
gradientTransform="translate(99.1416 74.877) rotate(91.6135) scale(177.57 131.337)">
gradientTransform="translate(146 85.5) rotate(91.6135) scale(177.57 131.337)">
gradientTransform="translate(95.5 120) rotate(90) scale(29 27.5)">
gradientTransform="translate(200.5 120) rotate(90) scale(29 25.5)">
gradientTransform="translate(139 142.5) rotate(-90) scale(12.5 8)">
gradientTransform="translate(161 142.5) rotate(-90) scale(12.5 8)">
gradientTransform="translate(147 192.5) rotate(90) scale(28.5 115)">
一键复制
编辑
Web IDE
原始数据
按行查看
历史