feat(history): establish Telegram SaaS platform foundation
This commit is contained in:
@@ -67,6 +67,30 @@
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes message-in-left {
|
||||
from { opacity: 0; transform: translate3d(-18px, 8px, 0) scale(.96); }
|
||||
65% { opacity: 1; transform: translate3d(2px, -1px, 0) scale(1.01); }
|
||||
to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
|
||||
}
|
||||
|
||||
@keyframes message-in-right {
|
||||
from { opacity: 0; transform: translate3d(18px, 8px, 0) scale(.96); }
|
||||
65% { opacity: 1; transform: translate3d(-2px, -1px, 0) scale(1.01); }
|
||||
to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
|
||||
}
|
||||
|
||||
@keyframes incoming-notice {
|
||||
from { opacity: 0; transform: translate3d(24px, -12px, 0) scale(.94); }
|
||||
70% { opacity: 1; transform: translate3d(-3px, 1px, 0) scale(1.01); }
|
||||
to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.animate-message-in-left { animation: message-in-left .34s cubic-bezier(.2,.8,.2,1) both; }
|
||||
.animate-message-in-right { animation: message-in-right .34s cubic-bezier(.2,.8,.2,1) both; }
|
||||
.animate-incoming-notice { animation: incoming-notice .42s cubic-bezier(.2,.9,.2,1) both; }
|
||||
}
|
||||
|
||||
/* RTL 微调 */
|
||||
[dir='rtl'] .rtl-flip {
|
||||
transform: scaleX(-1);
|
||||
|
||||
Reference in New Issue
Block a user