• inspiration

20 webdesign avec un scroll javascript original

Publié le
20 webdesign avec un scroll javascript original

Les effets en JavaScripts prennent de plus en plus de place dans les web design, nous voyons chaque jour des sites avec un menu animé en CSS et JQuery. Mais quand celui-ci crée une interaction avec le contenu, on obtient des navigations originales.

Découvrez une sélection de 20 sites web qui utilisent l’effet de scroll animé pour leur navigation. Beaucoup de sites jouent avec les éléments du décors pour créer des interactions qui donnent un sens au contenu. Certain site comme The Chris Box ou Nike joue sur une nouvelle tendance qui émerge avec un effet de parallaxe sur le fond.

The chris box

the chris box fond en parallaxe

Phase2technology

Phase 2 technology avec un fond texturé et un effet de gôute d'eau

unfold

(Merci à @Onekon7 pour la découverte)

Unfold Studio créatif avec parallaxe

Manu facture dessai

manufacture dessai design web

Kieran Gabriel

Kieran gabriel portfolio fond gris

Amber Miro

ambermiro photographies

Aboard-entrepreneurship

aboard-entrepreneurship site bleu thème marin

Bountybev

bountybev fond bleu avec parcours d'un circtuit

Collaborativefund

collaborative fund web design texturé

Florida after seven

florida after seven typographie retro

Benjamin Lupo

Benjamin Lupo portfolio illustration et web

Nike better world

nike better world web design avec parallaxe et photographie de la marque nike

Danny Blackman

danny blackman site web au couleur vive et scroll javascript

Volll

Volll illustration vectoriel

web leed design

webleeddesign avec animation sur le fond à l'aide du scroll

Pojeta.cz

Site web Pojeta avec fond marin et illustration réaliste

Leg work studio

leg work studio univers illustré à la main au crayon

Image Mechanics

Image mechanics réalise des applications web et iphone, site sur fond gris

Lostworldsfairs.com – atlantis

Atlantis webdesign avec fond texturé réalisé en CSS3

Manchester design symposium

manchester design symposium

By Vincent

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *