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 CSS3 genom att kombinera olika positioner och färger på skuggor.

.colorshadow {
 
.colorshadow {
      font-size:46px;
      text-shadow: 0 0 10px #fff,
                   0 0 20px #ff00df,
                   0 0 30px #fff,
                   0 0 40px red,
                   0 0 70px #ff00de,
                   0 0 100px lime }

Rolig text