sune-org/sune-logo
1
0
Fork 0
mirror of https://github.com/sune-org/sune-logo.git synced 2026-03-17 11:21:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Sharper spikes and snappier pulse timing

Browse Source
This commit is contained in:
multipleof4
2026-03-09 18:11:09 -07:00
parent 072cc59658
commit 8c8ccbe929
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -12,12 +12,12 @@
*/ */
.s-spikes-pulse { .s-spikes-pulse {
transform-origin: 50px 50px; transform-origin: 50px 50px;
animation: s-rapid 0.35s infinite; animation: s-rapid 0.32s infinite;
} }
@keyframes s-rapid { @keyframes s-rapid {
0%, 100% { transform: scale(1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 0%, 100% { transform: scale(1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
50% { transform: scale(0.6); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } 50% { transform: scale(0.55); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
} }
</style> </style>
</head> </head>
@@ -26,8 +26,8 @@
<!-- Reusable SVG Definition for the 16-point Star --> <!-- Reusable SVG Definition for the 16-point Star -->
<svg style="display:none"> <svg style="display:none">
<defs> <defs>
<!-- Master spike perfectly tuned to match the logo proportions --> <!-- Slightly thinner spike for a sharper look -->
<polygon id="spike" points="47,50 50,2 53,50"/> <polygon id="spike" points="47.5,50 50,2 52.5,50"/>
<!-- All 16 spikes combined into a single group --> <!-- All 16 spikes combined into a single group -->
<g id="s-spikes"> <g id="s-spikes">