daf6182e94
Angular 19+ standalone library with 61 components, 15 directives, and 8 services for decorative visual effects, animations, and micro-interactions. Components include particle systems, flow fields, aurora effects, tilt/holographic/spotlight cards, text effects, dividers, scroll animations, generative art, celebrations, image treatments, morphing shapes, terminal output, and pattern textures. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
37 lines
689 B
SCSS
37 lines
689 B
SCSS
:host {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.fl-checkmark-flourish__svg {
|
|
display: block;
|
|
}
|
|
|
|
.fl-checkmark-flourish__circle,
|
|
.fl-checkmark-flourish__checkmark {
|
|
transition: stroke-dashoffset 0.3s ease-in-out;
|
|
}
|
|
|
|
.fl-checkmark-flourish__sparkle {
|
|
position: absolute;
|
|
font-size: 1rem;
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: none;
|
|
animation: fl-checkmark-sparkle 1s ease-out forwards;
|
|
}
|
|
|
|
@keyframes fl-checkmark-sparkle {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translate(-50%, -50%) scale(0);
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
transform: translate(-50%, -50%) scale(1.2);
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
transform: translate(-50%, -50%) scale(0.8);
|
|
}
|
|
}
|