1. Zuhause
  2. Eigenschaften
  3. Webseitenelemente
  4. Box-Element
  5. Box Zum Hover-Schieberegler

So konvertieren Sie eine Box in das Hover Slider-Element

Sie können den Hover-Schieberegler verwenden, wenn beim Hover ein anderer Satz von Elementen für eine Gruppe angezeigt werden muss. Wählen Sie dazu eine Gruppe aus und aktivieren Sie den Hover-Schieberegler im entsprechenden Abschnitt des Eigenschaftsfensters.
Mehr erfahren

Nach Funktionskategorien durchsuchen

Webseitenelemente
Unterstützte Systeme
Visueller Seiteneditor
Design-Elemente
Medienbibliotheken
Elementeigenschaften
Responsiv
Animationseffekte
Themen Einstellungen
Kontakt Formular
Kopfzeile Fußzeile
Blog
E-Commerce
SEO
Benutzerdefinierter Code
Anwendungsfunktionen
Site- und Seiteneigenschaften
WordPress-Widgets

Alles, was Sie brauchen, um Ihre kostenlose Website zu erstellen

Verwenden Sie unseren Website Builder, um Websites ohne Codierung zu entwerfen und zu erstellen. Ziehen Sie alles, was Sie möchten, per Drag & Drop an einen beliebigen Ort. Der Website Creator passt Ihre Website automatisch für Mobilgeräte an, um sie responsive zu machen. Wählen Sie aus mehr als 15,000 anpassbaren Website-Vorlagen.

Für Windows herunterladen Für Mac herunterladen

Verwandte Funktionen

Hintergrundtypen von Box

Einer der Hauptvorteile des Gruppenelements besteht darin, dass Sie es als einzelnes Element stilisieren können. Es hat Grenzen, und um den isolierten Bereich zu füllen, können Sie den Hintergrund festlegen, der eine solide Füllung, einen Farbverlauf, ein Bild und ein Video sein kann, oder Sie können keinen Hintergrund haben, was zum Beispiel anwendbar ist, wenn Sie den Rahmen anwenden.
Box Border-Eigenschaft

Der Umriss ist ein sehr beliebter Effekt, der im modernen Webdesign verwendet wird. Designer verwenden Umrisse für Symbole, Schaltflächen und Rechtecke hinter Elementen. In Nicepage sind keine zusätzlichen Rechtecke erforderlich, da Sie den Umriss um Elemente herum erstellen können, indem Sie die Border-Eigenschaft für eine Box festlegen.
Box in Grid-Repeater umwandeln

Wenn Sie mehrere Spalten der ähnlich aussehenden Elemente benötigen, können Sie eine Gruppe in den Grid Repeater umwandeln. Es ermöglicht Ihnen, die gruppierten Elemente in Spalten ähnlich zu stilisieren, dh wenn Sie ein Element bearbeiten, das in einem Element eines Grid Repeaters platziert ist, erhalten alle anderen Elemente, die in anderen Elementen platziert sind, automatisch dasselbe Styling.
Hintergrund-Hover-Animation des Box-Bildes

Ähnlich wie bei Rasterzellen können Sie den Hover-Animationseffekt auf den Bildhintergrund einer Gruppe anwenden. Sie können mehrere voreingestellte Voreinstellungen verwenden, z. B. Zoom, Größe ändern und Schieben. Darüber hinaus können Sie die Hover-Animation feinabstimmen, um sie an die Bedürfnisse Ihrer Website-Idee anzupassen.
Ziehen Sie Box-Elemente zusammen

Im Editor können Sie mehrere Elemente auswählen und gemeinsam verschieben. Es wird jedoch empfohlen, Elemente als integrierten Bestandteil des Webdesigns zu gruppieren, wodurch sie und ihre Positionierung erhalten bleiben. Sie können die Gruppe und ihre Elemente zusammen ziehen und ablegen, was praktisch ist und Zeit spart.
Hover-Animation auf Box

Mit Gruppen können Sie gruppierte Elemente animieren. Dabei können Sie die Gruppe selbst animieren. Beispielsweise können Sie den Hintergrund und den Rahmen für eine Gruppe ändern. Für die inneren Elemente können Sie, während Sie über eine Gruppe schweben, andere Animationseffekte wie Skalieren, Drehen, Verschieben usw. anwenden, um eine erstaunliche Interaktion zu schaffen, um Ihre Besucher dazu zu bringen, länger auf der Website zu bleiben.

Kostenlose Vorlagen mit Box-Element

Beginnen Sie mit unseren besten Vorlagen, die sich für jedes Unternehmen eignen. Erstellen und passen Sie sie mit unserem leistungsstarken und kostenlosen Website-Builder ohne Code an. Alle Vorlagen sind mobilfreundlich und sehen auf jedem Gerät hervorragend aus.

How To Covert A Box To The Hover Slider Element

You can use the Slider Hover Box Element to save space, provide the most information, and make your content box interactive. A nice hover effect of the hover box shows a group of elements that differ from the primary content box and stimulates the user's exploration and integration into the site's content. To apply the hover effects for the group, select it, then go to the Property Panel menu and tick the Hover Slide option to activate it. You can choose how the transition will occur, either Fade, Slide, Flip, Wobble, etc. Our hover box widget, similar to the Wix hover box, will make sure to bring your group to the next level of interactivity and content presentation.

The hover effects can create a rollover hover box, flip box, or be an excellent image accordion through your menu icon image. It can be applied when you make videos on your page, and you can use hover effects so that boxes hover the previews for the video sequence. Add the hover box hover effects to your menu to provide the hover view with descriptions or additional information through the menu items. Like the Wix hover box widget, our hover effect box widget will ensure that the content box hover gets the smooth animations of the additional content you are providing in the boxes hover.

Like the Wix hover box, the boxes hover over basic hover groups and reflect the support information. When the boxes hover like the Wix hover box, the user can navigate through the menu and understand all the content you provide, similar to how the Wix hover box offers it. Unlike the Wix hover box tutorials, we make sure to show how the boxes hover and what solutions there may be when boxes hover not the way you require. Like the Wix hover box, our boxes hover over group elements smoothly and more effectively than the Wix hover box.

Company
Product
Themes & Templates
Nicepage
Web Design