Animation

Liquid chrome emblem

Ein gezeichnetes Emblem, das als gegossenes flüssiges Metall wiedergegeben wird, dessen Glanzlichter sich über die Form bewegen und sammeln, während sich der Zeiger bewegt.

Northstar

Liquid chrome emblem verwenden

Ein gezeichnetes Emblem, das als gegossenes flüssiges Metall wiedergegeben wird, dessen Glanzlichter sich über die Form bewegen und sammeln, während sich der Zeiger bewegt.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: speed, refraction, patternScale, tint, contrast, followPointer

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1674Celebration burstAnimationEine Leinwandexplosion aus Papierflocken, die von einem Knopf abgefeuert wird, sich in einem Bogen ausbreitet, die Kante flattert, während sie fallen und unter der Schwerkraft aus dem Rahmen fallen.

2135Crackling border frameAnimationEin abgerundeter Rahmen, dessen Umriss in jedem Rahmen als flackernder Lichtbogen neu gezeichnet wird, mit einem gleichmäßigen Leuchten darunter und vollkommener Stille darüber.

2159Gooey blob fieldAnimationEin Feld aus weichen Klecksen, die gesäte Pfade umkreisen und bei Annäherung miteinander verschmelzen, mit einem zusätzlichen Klecks, der dem Zeiger folgt.

2211Ring bloomAnimationKonzentrische Lichtringe entstehen in der Mitte, schwellen nach außen an und verblassen, wobei jeder einzelne dem letzten hinterherhinkt und beim Klicken einen Ausbruch auslöst.

1669Blur revealAnimationEin Wrapper, der sein untergeordnetes Element unscharf und leicht versetzt hält, bis es zum ersten Mal in das Ansichtsfenster eintritt, dann die Unschärfe auflöst und die Lücke in einer Bewegung schließt.

1763Bobble tile gridAnimationEin Gitter aus farbigen Kacheln, die auf einer Feder vom Zeiger wegbewegen und umso stärker abprallen, je schneller der Zeiger darüber gleitet.