Den svenska CSS3-resursen!

3D-animering med CSS3

Posted on januari 13th, 2011

På den engelska sidan http://www.marcofolio.net/ har de ett exempel på hur man kan göra en 3D-animation i form av en spiral av en bild med hjälp av CSS3.

Dock så fungerar exemplet ännu bara i Safari vilket gör publiken något begränsad. Dessbättre finns det en inspelad film av animationen så icke-Safarianvändare kan se det hela ändå. [...]

Fonthantering med CSS3

Posted on juni 6th, 2010

I CSS3 är det lätt att använda customfonter för att presentera sitt innehåll. Till skillnad från tidigare kan man med regeln @font-face.
Genom att placera fontfilen på servern så kan alla användare vars webläsare har stöd för CSS3 och @font-face ladda ner dessa och visa dem direkt på hemsidan.
Här är ett exempel på hur man specificerar [...]

Zebramönster med CSS3

Posted on maj 27th, 2010

Ett populärt sätt för att få tabeller att se mer estetiskt tilltalande ut och mer lätta att ta till sig är att skapa ett zebraliknande mönster där varannan rad är i en annorlunda färg än de angränsande raderna. Tidigare har man använt två olika klasser på varannan tabellrad för att åstadkomma denna effekt, men med [...]

Flera bakgrunder

Posted on maj 17th, 2010

I css3 kan du lägga in flera bakgrunder i samma element, du behöver bara kommaseparera dem. Det är lite tufft.
Exempel:

.multiple-backgrounds {
background: url(body-top.gif) top left no-repeat,
url(banner_fresco.jpg) top 11px no-repeat,
url(body-bottom.gif) bottom left no-repeat,
url(body-middle.gif) left repeat-y;
}