CSS3.SE

Nu har jag äntligen lagt in ett spamfilter så det blir ordning och reda i kommentarerna.
Spamfiltret jag lagt in heter Akismet.

Det finns en uppsjö av olika kodgeneratorer för tröttsamma CSS-rader när man vill åstadkomma något enkelt.  I detta inlägg tipsar vi om tre av dem, CSS3 Generator, Box Shadows och  CSS3 Please. Den största fördelen med den CSS3 Generator och CSS3 Please är möjligheten att skapa webläsarspecifik kod för flera olika webläsare samtidigt. Detta kan [...]

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 CSS3 finns det goda möjligheter att göra former av olika slag som inte består av bildfiler. Här är ett exempel på populära stjärnor/klistermärken och liknande som är vanligt på sidor med ”web 2.0″-stil.
Exempel på css3-stjärna

I CSS3 finns det två nya funktioner för att lägga till skuggor på text och andra objekt. Dessa är box-shadow och text-shadow där den första skapar skuggor på blockelement och den andra enkelt kan användas för textskuggor.
Syntaxen är som följer:

box-shadow: 1px 1px 1px black;
text-shadow: 1px 1px 1px black;

Det första argumentet är den horisontella offseten på [...]

Med CSS3 är det enkelt att rotera element på olika sätt utan att behöva använda javascript eller liknande språk. Genom att använda transition och rotate kan man både animera och rotera samtidigt.

 
 
.rotera {
color:red;
-webkit-transform: rotate(40deg);
position:absolute;
-moz-transform: rotate(-90deg);
top:140px;
}
.rotera:hover,active {
-webkit-transform: rotate(20deg);
-webkit-transition: -webkit-transform 0.5s ease-in;
}

CSS3-rotation exempel!

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

Nu har jag lagt upp ett nytt tema gjort i HTML5. Design är inte min starka sida så jag valde ett som såg lite lustigt ut!

Välkommen till WordPress. Det här är ditt första inlägg. Redigera det eller radera det. Sedan kan du börja blogga!