Wo man nur hinguckt, überall im Netz findet sich responsive design - und das ist auch gut so. Wer hat denn noch Lust drauf in statischen Websites herumzuzoomen? Eben, niemand.
Ob man nun ein Framework benutzt oder die media queries selber schreibt, am Ende gibt es verschiedene Elemente auf der Seite die sich bewegen, oder deren Größe sich verändert, je nachdem wie groß das Browserfenster ist.
Um dies zu erzielen, benutzen Webdesigner in der Regel media queries um den Inhalten auf der Seite zu sagen, was sie bei welcher Auflösung, wo zu tun haben. Normalerweise springen diese Elemente jeweils in ihre neuen Position, was auch völlig ok ist. Mit einem kleinen Spritzer Animation, sieht es jedoch gleich von viel schöner aus.

Das Ganze ist schnell gemacht, mit css.

Da wir den Effekt auf der ganzen Seite haben wollen, behelfen wir uns mit dem *css Selektor und fügen das folgende snippet in unser custom.scss file ein:

* { -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }

Viel Spaß damit!

Branchenspezialitäten

Vielfalt ist des Lebens Würze

Die Arbeit in verschiedenen Branchen bereichert unseren Alltag durch Vielfalt und schafft eine Umgebung, die von neuem Denken und Kreativität angetrieben wird. Dies ermöglicht unserem Team, Ihre Marke aus immer neuen Blickwinkeln zu sehen, welche uns dazu inspirieren, ungewöhnliche und frische Ideen für Sie zu erdenken und messbare Ergebnisse zu liefern.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
» IHRE MARKE SPIELT DIE HAUPTROLLE «

soLoud!media


Julius-Frank-Straße 7a
28865 Lilienthal
Germany

phone: +49 (0) 42 98 / 18 98 895
mobile: +49 (0) 176 / 621 855 07
fax: +49 (0) 42 95 / 18 99 738
email: info (@) soloudmedia.de

Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Weitere Informationen