Progressive Blur
Auch genannt Gradient blur edge
Die Unschärfe nimmt zu einem Rand hin allmählich zu, sodass der Inhalt weich ausläuft.
Einsatz
Ränder scrollbarer Container, Header
Prompt
Ersetze [wo] durch die Stelle auf deiner Seite und füge den Prompt in deinen KI-Agenten ein. Jeder Prompt enthält den Namen der Animation – beim nächsten Mal reicht es, sie beim Namen zu nennen.
Füge bei [wo] einen „Progressive Blur“-Rand hinzu (auch gradient blur edge genannt).
Inhalt, der zum Rand hin scrollt, soll allmählich unschärfer und weicher werden und sanft zunehmen, statt an einer harten Linie abzubrechen.
Zeige die Unschärfe nur an einem Rand, hinter dem noch weiterer Inhalt kommt, und sorge dafür, dass der unscharfe Bereich weder Klicks noch Scrollen blockiert.