Web-Technik 11.11.2015 (Archiv)
Parallaxen mit Javascript
Viele moderne Templates nutzen den Effekt verschiedener Scrollgeschwindigkeiten für unterschiedliche Bildbereiche aus, um Eindruck zu schinden. Das kann man auch für eigene Websites leicht einbauen.Schon per CSS und fixierten Elementen lassen sich schöne Effekte erzielen - doch erst die Parallaxen-Verschiebung macht den Effekt wirklich außergewöhnlich. Es scheint dann, ob man durch Löcher in der Website auf Teile im Bildschirm weiter hinten sehen könnte - die dann langsamer bewegt werden als der Rest.
Ein Beispiel solcher Parallax-Effekte kann man bei einer Bibliothek in Javascript gleich ansehen:
Paraxify
Die Bibliothek schafft es ohne Voraussetzungen und mit 3 KB Javascript die meisten Wünsche zu erfüllen und ist unser Tipp für eigene Projekte. Die Anleitung bringt einem schnell zum Ziel. Alternative Javascript/CSS-Vorlagen gibt es hier:
CSS Parallax
Enllax
Jarallax
Parallax Tablet
Viel Erfolg bei der eigenen Umsetzung toller Paralax-Effekte!
Ihre Meinung dazu? Schreiben Sie hier!
#HTML #Webdesign #Javascript #CSS
Newsticker per eMail oder RSS/Feed!
Auch interessant!
Webdesign wie bei Google
Die Designvorgaben, die Google bei der Umsetzung von Android, Chrome-Apps und Websites helfen, sind nun a...
Gratis Cliparts für das Webdesign
Fotos und Icons haben wir schon häufiger vorgestellt, die Webdesigner gratis im Download aus dem Web erha...
Farben für das Webdesign
Webdesigner können mit speziellen Farb-Sets viel anfangen und daraus schöne Websites erstellen. Doch die ...
Prinzipien zum modernen Webdesign
Manuela Hoffmann hat im Galileo Verlag ein Buch rund um Grundprinzipien, Webstandards und die Praxis zum ...
Webdesign: Kreative Konzepte
Hillman Curtis zeigt die systematische Herangehensweise an Webdesign, welches kreativ überzeugt und richt...
Forum: Ihre Meinung dazu! Ins Forum dazu posten... |