Skip to content

Commit 4cbbce1

Browse files
authored
feat: add animation for emoji panel (#85)
为 Emoji 选择组件添加展开动画。 /kind improvement ```release-note None ```
1 parent 43b72ee commit 4cbbce1

1 file changed

Lines changed: 13 additions & 0 deletions

File tree

packages/comment-widget/src/emoji-button.ts

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -129,13 +129,26 @@ export class EmojiButton extends LitElement {
129129
box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1);
130130
border-radius: 0.875em;
131131
overflow: hidden;
132+
animation: fadeInUp 0.3s both;
132133
}
133134
134135
@media (max-width: 640px) {
135136
.form__emoji-panel {
136137
right: -7.8em;
137138
}
138139
}
140+
141+
@keyframes fadeInUp {
142+
from {
143+
opacity: 0;
144+
transform: translate3d(0, 5%, 0);
145+
}
146+
147+
to {
148+
opacity: 1;
149+
transform: translate3d(0, 0, 0);
150+
}
151+
}
139152
`,
140153
];
141154
}

0 commit comments

Comments
 (0)