Effekt: Scroll-Overlay

[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.

[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:

Code: Alles auswählen

<div id="lineh1"></div>

[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.

[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

[stobi_de]

So ähnlich und etwas dezenter
https://www.sportnahrung-mangold.de/

[Tommy Herrmann]

Manno - da hätte ich das ja bei Dir abkupfern können, anstatt mit der KI zu plaudern

[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

[Tommy Herrmann]

… dafür hat meine animierte Linie nun noch einen Bullet vorangestellt bekommen - ätsch

https://www.mobirise-tutorials.com/Tuto ... l#Tutorial

[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

[Tommy Herrmann]

[Nachtfalke]

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

[stobi_de]

Was für eine Spielerei

https://www.afripix.de/herz
https://www.afripix.de/herz2

[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.