Skapa en "depth" effekt HTML5/CSS3

Permalänk
Medlem

Skapa en "depth" effekt HTML5/CSS3

Hej kära sweclockers medlemmar,

Nu är det så att jag håller på och lär mig webbutveckling och skulle behöva lite hjälp med att uppnå denna skuggeffekt (helst med css).
Har försökt googla det men har inte kunnat få fram någon information som är relevant.

Visa signatur

| 2600k @ 3.4Ghz | ASUS P8P67 Pro | ASUS GTX 560 | Fractal Design R3 | OCZ 750W | CORSAIR 8GB DDR3 PC12800

Permalänk
Medlem

Det där kan fixas med box shadow och rgba färgsättning (för opacitet).
Googla på CSS Boxshadow och lek med inställningar, brukar finnas generatorer också

Permalänk
Medlem
Skrivet av StefkO:

Hej kära sweclockers medlemmar,

Nu är det så att jag håller på och lär mig webbutveckling och skulle behöva lite hjälp med att uppnå denna skuggeffekt (helst med css).
Har försökt googla det men har inte kunnat få fram någon information som är relevant.

Här finns mycket att leka med http://css3generator.com/
Just för box-shadow rekommenderar jag den här sidan. http://css3gen.com/box-shadow/

Permalänk
Medlem
Skrivet av Nikkop:

Det där kan fixas med box shadow och rgba färgsättning (för opacitet).
Googla på CSS Boxshadow och lek med inställningar, brukar finnas generatorer också

Skrivet av joss:

Här finns mycket att leka med http://css3generator.com/
Just för box-shadow rekommenderar jag den här sidan. http://css3gen.com/box-shadow/

Perfekt! Det var precis det jag letade efter, tack så mycket

Visa signatur

| 2600k @ 3.4Ghz | ASUS P8P67 Pro | ASUS GTX 560 | Fractal Design R3 | OCZ 750W | CORSAIR 8GB DDR3 PC12800