Spaces:
Running
Running
| // src/components/logo/Logo.scss | |
| // انیمیشن برای زمانی که کاربر صحبت میکند | |
| @keyframes user-pulse-animation { | |
| 0%, 100% { | |
| transform: scale(1); | |
| opacity: 1; | |
| } | |
| 50% { | |
| transform: scale(1.05); | |
| opacity: 0.9; | |
| } | |
| } | |
| // این کلاس به کل SVG اعمال میشود | |
| .user-speaking { | |
| // و انیمیشن را روی بخش "انسان" اجرا میکند | |
| .human-part { | |
| animation: user-pulse-animation 1.5s infinite ease-in-out; | |
| } | |
| } | |
| // انیمیشن برای موج صدای AI | |
| // از یک متغیر CSS برای کنترل اندازه استفاده میکنیم | |
| .ai-speaking-ripple { | |
| // --ai-voice-scale توسط کامپوننت React تنظیم میشود | |
| transform: scale(var(--ai-voice-scale, 1)); | |
| transition: transform 0.2s ease-out; | |
| } |