Design tips! Skugga bakom designen!
Nånting många är ute efter är att få en snygg skugga runt designen så jag tänkte visa er hur nu!
1. beroende på vart man vill att skuggan ska hamna. I mitt fall har jag den på #content & #side, men man kan lika gärna sätta den under "#wrapper" som gör att det blir runt hela desigen tex: http://ttessanliindgren.blogg.se/ jag som designat den!
Man sätter helt enkelt in denna kod;
-moz-box-shadow: 0 0 18px #bcbcbc;
-webkit-box-shadow: 0 0 18px #bcbcbc;
box-shadow: 50 0 18px #bcbcbc;
-moz-box-shadow: 18px #bcbcbc;
-webkit-box-shadow: 18px #bcbcbc;
box-shadow: 18px #bcbcbc;
1. beroende på vart man vill att skuggan ska hamna. I mitt fall har jag den på #content & #side, men man kan lika gärna sätta den under "#wrapper" som gör att det blir runt hela desigen tex: http://ttessanliindgren.blogg.se/ jag som designat den!
2. 18px är hur stor/utspridd man vill att den ska vara jag har valt 18px.
3. Varför man måste skriva det 3 gånger är för att koden ska funka till alla webbläsare, olika webbläsares koder stämmer inte alltid överens.
4. #bcbcbc är färgen du vill använda, har du inte photoshop finns bra hemsidor där du kan blanda färg och få fram namnet till den tex;
Hjälpte detta? Vill ni att jag ska fortsätta med design tips? kommentera!
Kommentera ♥ [2]
Kommentarer
Postat av: Hanna Björkdahl
Vart lägger man in koderna?
Under inställningar? För det funkar inte...:/
Postat av: MARIA ♥ MAKE CUPCAKES NOT WAR
allt bra ikväll ?
Trackback