Heute zeigen wir Ihnen, wie Sie Ihren im Tilda-Editor erstellten Website einen "Inner Shadow" -Effekt hinzufügen können. Dieser Effekt wird interessante und moderne Designelemente schaffen, die die Aufmerksamkeit der Besucher erregen werden. Innerer Schatten ist ein Schatten, der dem inneren Teil eines Objekts hinzugefügt wird und einen "Eintauchen" - oder "Ausbuchtung" -Effekt erzeugt.
Zuerst müssen Sie das Objekt auswählen, dem Sie diesen Effekt hinzufügen möchten. Dies kann ein Textblock, ein Foto oder ein anderes Element auf Ihrer Website sein. Nachdem Sie ein Objekt ausgewählt haben, müssen Sie zu seinen Stileinstellungen wechseln.
In den Stileinstellungen finden Sie den Abschnitt "Schatten", in dem Sie den Effekt "innerer Schatten" einstellen können. In diesem Abschnitt stehen Ihnen Optionen wie Schattenfarbe, Objektabstand, Unschärfeverteilung und andere zur Verfügung. Sie können mit Parametern experimentieren, um das gewünschte Ergebnis zu erzielen.
Das Hinzufügen eines "Inner Shadow" -Effekts kann die visuelle Wahrnehmung Ihrer Website erheblich verbessern. Es erzeugt einen Tiefeneffekt und einen realistischen Effekt und hebt wichtige Elemente auf der Seite hervor. Dieser Effekt wird besonders nützlich sein, wenn Sie Landings, Portfolios oder Online-Shops erstellen.
Hinzufügen eines "Inner Shadow" -Effekts auf einer Website in Tilda
Wenn Sie auf Ihrer Website mithilfe der Tilda-Plattform einen "Inner Shadow" -Effekt hinzufügen möchten, müssen Sie CSS verwenden.
Öffnen Sie zunächst das Dashboard Ihrer Website auf der Tilda-Plattform und wechseln Sie in den Seitenbearbeitungsmodus.
Wählen Sie dann das Element aus, auf das Sie den Effekt "inner shadow" anwenden möchten. Dies kann beispielsweise ein Textblock oder ein Bild sein.
Suchen Sie in den Einstellungen des ausgewählten Elements den Abschnitt "CSS-Einstellungen" und klicken Sie auf die Schaltfläche "Hinzufügen".
Geben Sie im angezeigten Fenster den folgenden Code ein:
box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5);
Dieser Code legt den Schatten innerhalb des ausgewählten Elements fest. Sie können den Effekt anpassen, indem Sie die Werte im Code ändern:
- inset - gibt an, dass der Schatten innerhalb des Elements sein muss
- 0px 0px 20px - legt die Größe und den Radius des Schattens fest
- rgba(0, 0, 0, 0.5) - gibt die Farbe des Schattens (in diesem Fall schwarz) und die Transparenz des Schattens an
Nachdem Sie den Code eingegeben haben, klicken Sie auf die Schaltfläche "Anwenden" und stellen Sie sicher, dass der Effekt "Inner shadow" auf Ihrer Website angezeigt wird.
Denken Sie daran, dass Sie die Werte im Code immer anpassen können, um den gewünschten visuellen Effekt zu erzielen. Versuchen Sie, mit verschiedenen Bedeutungen und Farben zu experimentieren, um Ihre Website stilvoller und attraktiver zu gestalten.
Schritt 1: Anmelden beim Site-Editor
Um Ihrer Website in Tilda einen "Inner Shadow" -Effekt hinzuzufügen, müssen Sie sich zunächst im Site-Editor anmelden. Führen Sie dazu die folgenden Schritte aus:
- Öffnen Sie einen Browser und gehen Sie zur Website Tilda.
- Suchen Sie in der oberen rechten Ecke der Seite nach und klicken Sie auf die Schaltfläche "Anmelden".
- Geben Sie Ihre Anmeldeinformationen (Login und Passwort) ein und klicken Sie auf die Schaltfläche Anmelden.
- Nach erfolgreicher Anmeldung werden Sie zum Tilda-Editor weitergeleitet.
Jetzt können Sie mit dem Erstellen Ihrer Website beginnen und den "Inner Shadow" -Effekt hinzufügen, um Ihren Seiten ein eleganteres und stilvolleres Aussehen zu verleihen.
Schritt 2: Auswahl des gewünschten Blocks
Bevor Sie einen "Inner Shadow" -Effekt auf Ihrer Tilda-Website hinzufügen, müssen Sie den Block auswählen, auf den Sie diesen Effekt anwenden möchten. Dies kann ein beliebiger Block auf Ihrer Seite sein, z. B. ein Titel, ein Bild oder ein Textblock.
Denken Sie daran, dass der Effekt "Inner shadow" bei einigen Blöcken, z. B. bei Blöcken mit dunklem Hintergrund oder bei Blöcken mit hellen Farben, optisch deutlicher sichtbar sein kann. Es wird daher empfohlen, mit verschiedenen Blöcken zu experimentieren und die Effektparameter anzupassen, um das beste Ergebnis zu erzielen.
Um den gewünschten Block auszuwählen, klicken Sie einfach darauf. Sie werden sehen, dass der Block hervorgehoben wird und das Bedienfeld oben angezeigt wird.
Wenn Sie nicht sicher sind, welche Blöcke auf Ihrer Seite verfügbar sind, können Sie die Seite nach unten scrollen und den integrierten Tilda-Editor verwenden, um den gewünschten Block auszuwählen. Sie können auch die Tastenkombination Strg + Umschalt + S (Windows) oder Befehl + Umschalt + S (Mac) verwenden, um eine Liste der verfügbaren Blöcke zu öffnen.
Anmerkung: Abhängig von der ausgewählten Tilda-Vorlage oder den Einstellungen Ihrer Website sind einige Blöcke möglicherweise inaktiv oder nicht editierbar.
Schritt 3: Einstellen des "Inner Shadow" -Effekts
Nachdem Sie einen Block zu Ihrer Website in Tilda hinzugefügt und den zu bearbeitenden Bereich ausgewählt haben, können Sie mit der Einstellung des "Inner Shadow" -Effekts beginnen. Dieser Effekt wird dazu beitragen, einen inneren Schatten innerhalb des angegebenen Elements zu erzeugen, indem Tiefe und Volumen hinzugefügt werden.
- Wählen Sie das Element aus, auf dem Sie den Inner Shadow-Effekt hinzufügen möchten. Sie können einen beliebigen Text, ein beliebiges Bild oder einen beliebigen Block auswählen.
- Suchen Sie im Abschnitt "Stile" nach "Schatten".
- Klicken Sie auf "Schatten", um weitere Einstellungen zu öffnen.
- Wählen Sie "Innerer Schatten", um den Effekt "innerer Schatten" zu erzeugen.
- Verwenden Sie die Schieberegler, um die Farbe, Transparenz, Unschärfe und Größe des Schattens anzupassen.
- Sie können auch die Richtung des Schattens auswählen, indem Sie den horizontalen und vertikalen Versatz angeben.
- Sobald die Einstellungen fertig sind, klicken Sie auf Übernehmen, um die Änderungen zu speichern.
Durch die Einstellung des "Inner Shadow" -Effekts können Sie Ihrer Website Stil und Ausdruckskraft verleihen. Verwenden Sie es mit Bedacht und vergessen Sie nicht, dass das Design mit dem Rest der Seite harmoniert.
