Tue Oct. 10

Goals

• I use float in my Layout.
• I combine background images pseudo classes and positions.(*^_^*)/~~

Content

• Float
• Background Images & CSS3 Filter

RECAP

1. Positions
2. Pseudoclasses

Float & clear

• Float basics
• Float samples [1] – [2] – [3]
• Float template
• responaive float template
• CSS floatutorial maxdesign. Step by step tutorials on using CSS to create floating images and more.

Gradient, background images and CSS3 Filter

• Background images
• Background position
• Background size
• Verläufe (Gradient)
• CSS3 Pattern Design
• Multiple Hintergrundbilder

CSS Filter for images and HTML elements

Die CSS Filter Eigenschaften kommen aus dem Bereich Bildbearbeitung und funktionieren ähnlich wie Photoshop-Filter. Durch diese Filter-Eigenschaften werden neue, interessante optische Effekte und kunstvolle Textgestaltung möglich, was manche Grafik erspart.

Beispiele auf Intensivstation

Goals

• My portfolio has now more effects and the layout ist pixelperfect.
• The portfolio has new background effects.

Exercises

• Adapt float to your portfolio.
• Did you use min- and max-width?