Modelos
Configura un endpoint compatible con OpenAI o Anthropic usando la URL base y, si hace falta, una clave API. Prueba la conexión. Un servidor local debe estar en ejecución; las herramientas remotas pueden enviar datos por separado.
Producto
Funciones del programa · CSS con movimiento reducido
01
Comprueba ambas preferencias y el foco de teclado, conservando el texto de estado al desactivar el movimiento.
Proyecto
Selecciona una carpeta y pide al asistente que lea los archivos relevantes antes de editarlos. Mantén el objetivo y los límites de la tarea en la conversación.
Cambios
Revisa las modificaciones y la salida de los comandos. Ejecuta las comprobaciones de tu proyecto antes de aceptar el resultado; el código generado no está probado por defecto.
CSS con movimiento reducido
● ● ●MotionHearth●
Flujos de trabajo · CSS con movimiento reducido ×
@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; }
}✳Detén una animación CSS decorativa cuando se solicite menos movimiento.
✓ CambiosRevisa antes de aplicar ↗
Vista ilustrativa