CSS3.SE

I det något ouppdaterade serien texteffekter kommer här del två. I del 1 gick vi igenom reflektioner, men CSS3 har en hel del mer att erbjuda som tidigare inte varit möjligt.
En sak som ofta används i logos och headers på diverse hemsidor är olika typer av bakgrundsfärg eller simulerat ljus. Detta görs enkelt i [...]

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å. [...]

Kolumner och formatering av stora textmassor har länge varit ett eftersatt moment när det gäller elektroniska dokument i allmänhet och HTML-dokument i synnerhet. Lyckligtvis finns ett antal egenskaper för att hantera kolumner i CSS3-specifikationen.
De nya kolumn-egenskaper som finns är som följer:

column-count
column-width
column-min-width
column-width-policy
column-gap
column-rule
column-rule-color
column-rule-style
column-rule-width

I detta exempel kommer vi först skapa en sida innehållande tre kolumner och sedan modifiera [...]

I en liten följetång på css3.se kommer vi gå igenom olika texteffekter man enkelt kan åstadkomma med hjälp av de nya funktionerna i CSS3.

Först ut är reflektioner som är en vanlig effekt att använda i alla typer av logos, bilder med mera där text förekommer. Genom att använda egenskapen box-reflect kan man välja var [...]

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 [...]

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 [...]

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;
}