30 Hover-Effekte
Größere Website-Cards mit Bild, Hintergrund, Overlay und Bewegung. Fahre mit der Maus über die einzelnen Cards. Die Klassen kannst du direkt für Hero-Bilder, Portfolio-Cards, Produktkarten oder Blog-Teaser verwenden.
10 gängige Hover-Effekte
Image Zoom
Das Bild zoomt sanft hinein. Sehr beliebt für Cards, Galerien und Blog-Teaser.
Card Lift
Die ganze Card hebt sich mit Schatten an und wirkt dadurch klickbar.
Dark Overlay
Das Bild wird dunkler, wodurch Text und Call-to-Actions stärker wirken.
Bright Image
Helligkeit und Sättigung steigen. Praktisch für dezente Bild-Hover.
Slide Text
Der Beschreibungstext erscheint erst beim Hover von unten.
Border Highlight
Ein leuchtender Rahmen zeigt dem User klar den aktiven Zustand.
Round Morph
Die Ecken werden stärker abgerundet. Einfach, weich und modern.
Background Blur
Das Bild verschwimmt im Hintergrund und der Inhalt wird fokussiert.
Image Rotate
Ein leichter Dreh-Effekt bringt mehr Dynamik in statische Bilder.
Color Filter
Ein Farbfilter verändert die Bildstimmung beim Hover.
10 kreative Hover-Effekte
Liquid Fill
Eine flüssige Farbwelle überdeckt das Bild und erzeugt einen auffälligen Reveal.
Split Overlay
Zwei farbige Flächen fahren von links und rechts über das Bild.
Glitch Image
Ein digitaler Stör-Effekt für Tech-, Gaming- oder Event-Websites.
Spotlight Reveal
Ein Lichtkreis legt sich über das Bild und erzeugt Fokus.
3D Tilt
Die Card kippt in den Raum. Sie wirkt dadurch fast wie ein Produkt-Tile.
Light Sweep
Ein heller Lichtstreifen wandert über das Bild wie bei einem Premium-Shine.
Color Bubbles
Farbige Kreise steigen ins Bild und verändern die visuelle Stimmung.
Diagonal Fill
Eine diagonale Farbfläche fährt ins Bild. Stark für Portfolio-Hover.
Ripple Pulse
Ein Kreis breitet sich von der Mitte aus und legt sich über die Card.
Poster Frame
Der Inhalt wird zu einem gerahmten Poster-Look mit Glas-Effekt.
10 stylische Hover-Effekte
Neon Glow
Leuchtender Rahmen und stärkerer Kontrast für moderne Landingpages.
Glass Content
Der Textbereich wird beim Hover zu einer transparenten Glasfläche.
Gradient Overlay
Ein animierter Verlauf legt sich über Bild und Hintergrund.
Minimal Line
Reduzierter Hover mit Textbewegung und feiner Linie.
Editorial Outline
Ein sauberer gelber Rahmen und reduziertes Bild für Editorial-Looks.
Soft Depth
Innenliegende Schatten geben der Card einen ruhigen, hochwertigen Effekt.
Premium Border
Ein farbiger Gradient-Rand macht die Card auffälliger und edler.
Editorial Zoom
Schwarzweiß, Kontrast und große Typografie wie bei Magazinen.
Magnetic Offset
Die Card verschiebt sich mit farbigem Schatten wie ein Layer.
Luxury Shine
Ein eleganter Shine läuft über das Bild. Sehr gut für Premium-Produkte.