Czy istnieje sposób na utworzenie tła tła za pomocą CSS?

Question

Wyobraźmy sobie pudełko oprogramowania jak następuje:

http://www.sitellite.org/pix/sitellite-box.gif

Teraz wyobraź sobie, cień nie ma. Czy istnieje sposób CSS, który mogę zasymulować ten cień tła i pracować na przynajmniej Firefoxie i Chrome, jeśli nie IE9 i nowszych?

Answer 1

Jednym ze sposobów byłoby zacząć kształcie trójkąta jak ten

<div id="triangle"></div> 

#triangle { 
    width: 0; 
    height: 0; 
    border-top: 100px solid grey; 
    border-left: 100px solid transparent; 
    opacity:0.1; 
}​ 

see example

Następnie dodać liniowym gradientem i umieść go z tyłu obrazu. Spójrz na to gradient generator jako punkt wyjścia.

Następnie można użyć lekko przesuwającego się .