MMotionHearth
Produkt

Funktionen der Software · CSS mit reduzierter Bewegung

01

Prüfen Sie beide Einstellungen und den Tastaturfokus und behalten Sie den Statustext ohne Bewegung bei.

01

Modelle

Richten Sie einen OpenAI-kompatiblen oder Anthropic-Endpunkt mit Basis-URL und gegebenenfalls API-Schlüssel ein. Testen Sie die Verbindung. Ein lokaler Modellserver muss laufen; entfernte Werkzeuge können Daten separat übertragen.

02

Projekt

Wählen Sie einen Ordner und lassen Sie die betreffenden Dateien vor einer Änderung lesen. Legen Sie Ziel und Grenzen der Aufgabe fest.

03

Änderungen

Prüfen Sie Änderungen und Befehlsausgaben. Führen Sie die Projektprüfungen aus, bevor Sie das Ergebnis übernehmen; erzeugter Code ist nicht automatisch getestet.

CSS mit reduzierter Bewegung

● ● ●MotionHearth●
Arbeitsabläufe · CSS mit reduzierter Bewegung ×
@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; }
}
✳Stoppen Sie eine dekorative CSS-Animation bei angeforderter Bewegungsreduktion.
✓ ÄnderungenVor dem Anwenden prüfen ↗
Illustration der Arbeitsumgebung
KI-Arbeitsumgebung für Code

Hier beginnt Ihre nächste Idee.

Für Windows herunterladen ↗