Den svenska CSS3-resursen!

En animerad bubbelmeny

Posted on oktober 24th, 2011

I ett exempel så visas det hur man med hjälp av CSS kan skapa olika sorters ”pratbubblor” eller tips som kommer fram när man hovrar över ett element. Detta exempel har jag utökat och kombinerat med en annan tutorial om hur man kan använda pseudoelementen :before och :after för att presentera innehåll.

Animationerna skapas enkelt [...]

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