Wie erzeuge ich einen Farbwechsel beim scrollen?

Ich bin über eine Webseite gestolpert und würde gerne wissen wie es funktioniert. Der Inhalt ist leider USK 18+, daher möchte ich den Link nicht direkt posten.

Die Webseite hat einen Hintergrund, dieser ändert sich beim runterscrollen auf der Seite.

Hintergrundbild wechselt von Schwarz zu Blau. Im oberen Bereich der Webseite ist er Schwarz mit weißem Logo, im unteren Bereich Blau. Das besondere daran es ist ein Farbverlauf und nicht zwei Hintergrundbilder. Bedeutet bei 2/3 der Seite ist die Farbe anders als ganz zum Schluss.

Würde mich freuen wenn ihr links für mich habt oder einen kleinen Tipp wo nach ich suchen könnte, mir fiel bisher kein gutes Schlagwort dafür ein.

Gruß

1 Antwort

Shiftclick

13.11.2017, 12:56

Das kann man sicher auf ganz unterschiedliche Art und Weise erzielen. Du solltest schauen, wie es auf der betreffenden Seite gemacht wird oder dir eine Methode ausdenken, die ähnlich funktioniert. Ich würde mal mit JQuery anfangen, z.B. wie hier: http://jsfiddle.net/dtZDZ/

Hallo zusammen

Ich schreibe gerade eine Webseite mit einem weissen Hamburger-Menu. Nun möchte ich aber, dass sich die Farbe auf z.B. schwarz ändert, sobald ein weisser Hintergrund kommt. Wie könnte man das machen?

...zur Frage

css Rand entfernen

hey leute, ich beschäftige mich seit kurzem mit dem designen von webseiten und habe immer das problem dass ich wenn ich meine ganze seite mit css formatieren will so wie hier:

<body>
<div id="default">
<h1>Inhalt</h1>
</div>
</body>

dann bleibt immer ein weißer rand oben, unten, rechts und links von meinen in css definiertten hintergrundbild

bitte nicht die methode mit 'margin' vorschlagen die funktoniert nicht...

danke für hilfreiche antworten ;)

...zur Frage

Wo kann ich coole AOD finden?

Wo kann man coole AOD (always on display) Hintergrundbilder finden? Mit schwarzem Hintergrund und gratis. Gibt es Webseiten?

...zur Frage

HTML - Weißer Rand auf Webseite?

Hallo, habe in Informatik als WPU und im Moment lernen wir da HTML, wollte jetzt über die Ferien ein bisschen weiter machen da mich das ganze Interessiert, für meine Webseite wollte ich zuerst einem schwarzen Hintergrund, damit das ganze angenehmer anzuschauen ist, jetzt habe ich das Problem das ich links an der Seite und oben allerdings einen weißen Streifen habe.

<div id="Hintergrund" style="clear:left; width: 100%; height:100%;  background:black;"
</div>

So sieht mein Code für den Hintergrund aktuell aus, vielleicht sieht ja einer einen Fehler oder kann mir helfen.

...zur Frage

Wie heißt dieses Teil von einer Autotür?

Das Schwarz markierte ist das Teil, dass ich meine. Blau der Bereich an dem es kaputt ist und hin und her baumelt

...zur Frage

Warum Website im Hintergrund?

Hi,

Ich habe ein Galaxy A53 und vorhin war im Hintergrund bei den 3 Strichen unten links im Hintergrund ein Bild von einer Webseite die vorher fest gefahren war.

Ich hab dies nicht weg bekommen.

Jetzt habe ich wieder das ursprüngliche Hintergrundbild aus gewählt und alles ist wieder normal.

Da ich schon mal ein Hacker hatte, bin ich ängstlich.

Ich kann dies auch mit einer anderen Website nicht rekonstruieren.

...zur Frage

OpenOffice Links und E-Mail Adressen werden blau angezeigt? Wie mach ich schwarz?

Frage steht oben. Ich kann die Links und E-Mail nicht schwarz einfärben. Den es färbt sich von allein blau ein. Auch beim drucken ist es so.

...zur Frage

HTML, CSS, JavaScript: Komischer Rand entsteht, der da nicht hin soll. Wie entfernen?

Im Rahmen eines Projektes erstelle ich derzeit eine "Webseite". Das Problem ist, dass im blau umkreisten Menü ein Abstand entstanden ist, der dort nicht hingehört. Zur besseren Veranschaulichung wurden Elementen eine Farbe zugewiesen.

Link zum Code:
https://docs.google.com/document/d/15GRD_qnv_Rr4WNFKoEWZLnoZD5wKAh0WldTEo8ZLhuY/edit?usp=sharing

Screenshot

...zur Frage

Developer Tools verstecken?

Wie kann ich Sachen von den Developer Tools verstecken wie zB meinen Code von Microsoft Clarity oder meinen Code für die Formulare von Formspree? Also diese Anbieter geben ja Codes her damit die sich mit der Website verbinden können, aber diesen Code kann man in den Dev Tools sehen, weil sie im Html text integriert sind und wenn das jemand sieht kann er meine Codes nutzen, wahrscheinlich nichts gefährliches, aber wird mir Kopfschmerzen bereiten wenn da Sachen von anderen Webseiten sind. Vielleicht fragt man sich warum, jemand sowas machen sollte, weil es ja keinem was bringt, aber ich glaube es wird Leite geben, denne es Spaß macht anderen zu schaden. Die Code von denen ich rede sind:

Formspree: form action=“Link“

Microsoft Clarity ist im head Bereich auch mit einem Link verbunden

...zur Frage

Ich komme mit JIMDO nicht mehr zurecht - kann mir wer helfen?

Hallo.

Ich mache eine Webseite für meinen Onkel. Allerdings hat sich Jimdo so scheiße verändert, dass ich nicht mehr klar komme.

Ich habe noch eine ganz alte Webseite, die super strukturiert war, aber das was da jetzt neu gemacht wurde, ist einfach nur dämlicher Scheißdreck.

Wenn ich auf "Webseite anschauen" klicke (Die Seite ist noch nicht öffentlich gestellt), habe ich so ein riesiges Bild, dass ich gar keinen Überblick habe. Das ist ne Ansicht als würde ich die Seite auf meinem Fernseher aus 3 Meter Entfernung anschauen, aber ich sitz vorm PC und finde alles viel zu groß.

Wo ist die Design Auswahl geblieben, wie die Seite aufgeteilt werden soll? Ich will einfach nur ne Webseite wo rechts und links ein Rand ist, keine verdammte Panoramaansicht für blinde Kojoten. Habe alle Punkte durchsucht und finde nichts. Auch der HTML Bereich ist weg, stattdessen schlägt mir die scheiß Seite absolut jeden Pups vor. Ich möcht ne nackte Seite, die ich Stück für Stück aufbaue, statt ne fertige Seite mit Standardtexten und Bildern, die ich alle austauschen muss.

Falls es das bei Jimdo nicht mehr gibt, welchen Anbieter brauche ich dann, um dieses Format nutzen zu können?

...zur Frage

Haare in 2 Farben färben, welche Farbe zuerst?

Ich möchte einer Freundin die Haare in zwei Farben färben. Die linke Hälfte soll blau, die rechte schwarz werden.

Soll ich zuerst alles blau färben und dann die schwarze Seite oder geht das auch beides gleichzeitig?

So soll es dann aussehen. Nur eben blau anstatt rot.

...zur Frage

HTML CSS Problem, Kann wer helfen?

Ich habe vor ein Spiel auf HTML responsiv zu machen. Ich würde es gerne so machen, dass der Button oben links neben dem Canvas angezeigt wird, doch erscheint der unten am Rand. Ich weiß nicht wie ich es ändern kann. Bei der Console habe ich geguckt und das Canvas (width: 320px) nimmt den ganzen Bereich im Feld ein (Im Bild der blaue Bereich). Kann mir wer von euch helfen? Danke im voraus.

Kann mir auch jmd sagen, ob es extra ein deutsches Forum gibt, wo ich fragen wie diese stellen kann?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tetris</title>
    <link rel="icon" href="css/img/galaxsite/galaxsiteIcon.png">
    <style>
        .gameField {
            max-width: 50%;
            margin: 25px auto;
            background-color: #151618;
            box-shadow: 20px 20px 15px black;
            padding-top: 2%;
            padding-bottom: 2%;
            padding-left: 2.5%;
            padding-right: auto;
        }

        canvas {
            background-color: #000000;
            border: 3px solid #a60cf0;
            width: clamp(50px, 50%, 320px);
        }


        .buttonStart {
            background-color: #a60cf0;
        }
    </style>
</head>
<body>
    <div class="gameField">
        <canvas class="canvas" width="320px"  height="640px    </canvas>
        <button class="buttonStart">Start</button>
    </div>
</body>
<script type="text/javascript" src="js/tetris.js" defer></script>
</html>

...zur Frage

Kann man Hemd mit schwarzem t Shirt anziehen?

??? Ist ein weißes Hemd mit blauen linken Business Style

würde es offen tragen

...zur Frage

Hintergrundbild füllt desktop nicht aus ://

Hii :) mein Hintergrundbild auf meinem Laptop (bildschirm hat querformat) ist plötzlich quadratisch. also in der mitte ist mein Bild und links und rechts sind zwei dicke schwarze streifen. Ich habe schon oft versucht es wegzubekommen, aber ich hab vergessen wie das geht, dass mein bild wieder den ganzen desktop ausfüllt.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen