mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
Soften wave attachment animation
This commit is contained in:
@@ -53,11 +53,7 @@ export function WaveMessageAttachment({
|
||||
data-testid="message-wave-attachment"
|
||||
size="default"
|
||||
>
|
||||
<AttachmentMedia
|
||||
aria-hidden="true"
|
||||
className="bg-primary/10 text-2xl text-foreground"
|
||||
variant="image"
|
||||
>
|
||||
<AttachmentMedia aria-hidden="true" className="text-lg">
|
||||
<span className="buzz-wave-hand">👋</span>
|
||||
</AttachmentMedia>
|
||||
<AttachmentContent>
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
|
||||
@media (hover: hover) and (pointer: fine) {
|
||||
.buzz-wave-hover-trigger:hover .buzz-wave-hand {
|
||||
animation: buzz-wave-hand 720ms ease-in-out both;
|
||||
animation: buzz-wave-hand 960ms ease-in-out both;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -73,11 +73,7 @@
|
||||
25%,
|
||||
51%,
|
||||
77% {
|
||||
transform: rotate(-30deg);
|
||||
}
|
||||
|
||||
88% {
|
||||
transform: rotate(8deg);
|
||||
transform: rotate(-15deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user