CSS3: Viewport größen (VH, VW, VMIN, VMAX)

Durch CSS3 stehen Entwicklern neue und nützliche Größeneinheiten zur Verfügung. Unter anderem gibt es die Einheiten VH und VW, welche die Viewport-Größen angeben. Was dies genau bedeutet, möchte ich hier behandeln Wollte man mit CSS2.1 einen Bereich so hoch oder so breit wie die Fenstergröße machen, musste man in einigen Fällen zu JavaScript oder komplizierten Prozentangaben greifen. Mit CSS3 entfällt dieser Aufwand endlich. Mit den folgenden Einheiten kann man einfach und schnell die Größe des Viewports verwenden. Einheit Bedeutung / Erklärung vh Viewport height. Steht für die höhe des Fensters. Z.B. 70vh = 70% des Fensters. vw Viewport width. Steht...

HowTo: CSS3 - Animationen mit transition

Seit dem es CSS3 gibt, ist es ziemlich einfach geworden Animationen oder Transformationen ohne JavaScript oder gar Flash zu erstellen. In diesem Artikel behandeln wir zunächst die Eigenschaft "transition", mit der wir verschiedene animierte Veränderungen erstellen können. Die CSS Eigenschaft transition ist ein Effekt, mit dem man das Aussehen eines Elements über eine gewisse Zeit verändern kann. Will man beispielsweise das ein Link, wenn man mit der Maus über ihn fährt, seine Farbe nicht sofort, sondern langsamer (animiert) verändert, benutzt man dafür transition. Um die Eigenschaft zu benutzten ist es wichtig das man zumindest folgende zwei Dinge dazu angibt: Was...