Моделі
Налаштуйте OpenAI-сумісний або Anthropic endpoint із базовою URL-адресою та API-ключем, якщо він потрібен. Перевірте з’єднання. Локальний сервер моделі має працювати; віддалені інструменти можуть окремо передавати дані.
Продукт
Можливості програми · CSS зі зменшеним рухом
01
Перевірте обидва значення налаштування й клавіатурний фокус, зберігаючи текст стану після вимкнення руху.
Проєкт
Виберіть папку й попросіть помічника прочитати потрібні файли перед редагуванням. Визначте мету та межі завдання.
Зміни
Переглядайте зміни й результати команд. Перед прийняттям результату виконайте перевірки проєкту; створений код не тестується автоматично.
CSS зі зменшеним рухом
● ● ●MotionHearth●
Сценарії · CSS зі зменшеним рухом ×
@keyframes mark-slide {
to { transform: translateX(12px); }
}
.motion-mark { animation: mark-slide 1.2s linear infinite; }
.status:focus-visible { outline: 2px solid currentColor; }
@media (prefers-reduced-motion: reduce) {
.motion-mark { animation: none; transform: none; }
}✳Зупиніть декоративну CSS-анімацію за запитом зменшення руху.
✓ ЗміниПеревірте перед застосуванням ↗
Ілюстрація робочого середовища