[READ-ONLY] Mirror of https://github.com/bombshell-dev/docs.
bomb.sh/docs
feat(svg): add animation styles for asterisk in bombshell svg (#36)
authored by
paul valladares
and committed by
GitHub
(Apr 5, 2026, 10:11 AM EDT)
94570577
2f7805b0
+34
+17
src/assets/dark.svg
+17
src/assets/dark.svg
···
1
1
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 256">
2
+
<style>
3
+
@keyframes asterisk-spin {
4
+
to {
5
+
transform: rotate(360deg);
6
+
}
7
+
}
8
+
#asterisk {
9
+
transform-box: fill-box;
10
+
transform-origin: center;
11
+
animation: asterisk-spin 7.68s linear infinite;
12
+
}
13
+
@media (prefers-reduced-motion: reduce) {
14
+
#asterisk {
15
+
animation: none;
16
+
}
17
+
}
18
+
</style>
2
19
<path id="circle" d="M20.4727 127.768C20.4727 163.48 49.5287 192.536 85.2407 192.536C120.953 192.536 150.009 163.48 150.009 127.768C150.009 92.056 120.953 63 85.2407 63C49.5287 63 20.4727 92.056 20.4727 127.768Z" fill="white" />
3
20
<path id="asterisk" d="M191.77 98.264H210.97L208.218 122.392L230.298 112.28L236.25 130.52L212.378 135.32L228.762 153.304L213.338 164.44L201.37 143.448L189.402 164.44L173.978 153.304L190.362 135.32L166.49 130.52L172.442 112.28L194.522 122.392L191.77 98.264Z" fill="white" />
4
21
</svg>
+17
src/assets/light.svg
+17
src/assets/light.svg
···
1
1
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 256">
2
+
<style>
3
+
@keyframes asterisk-spin {
4
+
to {
5
+
transform: rotate(360deg);
6
+
}
7
+
}
8
+
#asterisk {
9
+
transform-box: fill-box;
10
+
transform-origin: center;
11
+
animation: asterisk-spin 7.68s linear infinite;
12
+
}
13
+
@media (prefers-reduced-motion: reduce) {
14
+
#asterisk {
15
+
animation: none;
16
+
}
17
+
}
18
+
</style>
2
19
<path id="circle" d="M20.4727 127.768C20.4727 163.48 49.5287 192.536 85.2407 192.536C120.953 192.536 150.009 163.48 150.009 127.768C150.009 92.056 120.953 63 85.2407 63C49.5287 63 20.4727 92.056 20.4727 127.768Z" fill="black" />
3
20
<path id="asterisk" d="M191.77 98.264H210.97L208.218 122.392L230.298 112.28L236.25 130.52L212.378 135.32L228.762 153.304L213.338 164.44L201.37 143.448L189.402 164.44L173.978 153.304L190.362 135.32L166.49 130.52L172.442 112.28L194.522 122.392L191.77 98.264Z" fill="black" />
4
21
</svg>
