feat: add @sda/flair-elements-ui library
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>
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
: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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user