Seite 1 von 1
Effekt: Scroll-Overlay
Verfasst: Do 12. Jun 2025, 07:15
von stobi_de
https://www.afripix.de/scroll-overlay/index.html
Oft im Netz gesehen, ideal für Fotos in Seiten, die keine Ruhe ausstrahlen müssen.
Re: Effekt: Scroll-Overlay
Verfasst: Do 12. Jun 2025, 07:41
von Tommy Herrmann
Moin,
gefällt mir gut
Vielleicht sollte der farbige Balken im Header eine leichte Transparenz erhalten.
P.S.:
… habe da gerade mal eine animierte Linie hinzugefügt (zwischen den Buttons) - nur falls Du so etwas mal brauchen könntest:
https://www.mobirise-tutorials.com/Tuto ... l#Tutorial
Code: Alles auswählen
#lineh1 {
position: relative;
margin-bottom: 28px;
left: 0;
height: 2px;
background: #5500AA;
animation: lineH 8s 2s infinite linear;
}
@keyframes lineH {
0% {
width: 0%;
opacity: 1;
}
80% {
width: 100%;
opacity: 1;
}
100% {
width: 100%;
opacity: 0;
}
}
Anzeige außerhalb der Mobirise-Klassen:
Re: Effekt: Scroll-Overlay
Verfasst: Do 12. Jun 2025, 08:28
von stobi_de
So ne Linie benutze ich sogar recht oft
Farbe des drüber-huschenden Balkens darf in diesem Fall mal nicht transparent sein (mit meiner Konstruktion hier), weil der Hintergrund eingeschaltet wird, wenn der Balken das Div komplett abdeckt.
Re: Effekt: Scroll-Overlay
Verfasst: Do 12. Jun 2025, 08:59
von Tommy Herrmann
echt - habe noch nie eine solche
animierte Linie, die sich von links nach rechts aufbaut und am Ende sanft ausblendet, auf Deinen Seiten entdeckt
Re: Effekt: Scroll-Overlay
Verfasst: Do 12. Jun 2025, 11:08
von stobi_de
Re: Effekt: Scroll-Overlay
Verfasst: Do 12. Jun 2025, 11:22
von Tommy Herrmann
Manno - da hätte ich das ja bei Dir abkupfern können, anstatt mit der KI zu plaudern
Re: Effekt: Scroll-Overlay
Verfasst: Do 12. Jun 2025, 11:41
von stobi_de
Von Rudy.
Aber sowohl die Buttons wie auch das Scroll-Overlay oder die vergrößerung: alls Mr. Chat.
Eigenes Gehirn wird nur noch für Planung benutzt
Re: Effekt: Scroll-Overlay
Verfasst: Fr 13. Jun 2025, 05:17
von Tommy Herrmann
… dafür hat meine animierte Linie nun noch einen Bullet vorangestellt bekommen - ätsch
https://www.mobirise-tutorials.com/Tuto ... l#Tutorial
Re: Effekt: Scroll-Overlay
Verfasst: Fr 13. Jun 2025, 05:50
von stobi_de
Mach das Ganze als Herzrhythmus - Kurve und man kann es für eine Arzt-Seite gebrauchen.
So ist es halt für ein Bestattungsunternehmen
Re: Effekt: Scroll-Overlay
Verfasst: Fr 13. Jun 2025, 06:09
von Tommy Herrmann
Re: Effekt: Scroll-Overlay
Verfasst: Fr 13. Jun 2025, 07:47
von Nachtfalke
stobi_de hat geschrieben: Fr 13. Jun 2025, 05:50
Mach das Ganze als Herzrhythmus - Kurve und man kann es für eine Arzt-Seite gebrauchen.
So ist es halt für ein Bestattungsunternehmen
das finde ich ja richtig gut
Re: Effekt: Scroll-Overlay
Verfasst: Fr 13. Jun 2025, 08:46
von stobi_de
Re: Effekt: Scroll-Overlay
Verfasst: Fr 13. Jun 2025, 09:08
von Tommy Herrmann
ja - nur mit dem großen Vorteil, dass man mit solchen Versuchen eine Menge lernt
Bei mir ist auch noch eine Glow-Linie dazu gekommen
https://www.mobirise-tutorials.com/Tuto ... #Glow-Line
... zusätzlich habe ich auch noch einen Stopp bei Mausüber via CSS eingebaut.
