webForumDet fria alternativet

Fade med css

5 svar · 322 visningar · startad av dotar

dotarMedlem sedan okt. 2002117 inlägg
#1

Hej hej..

Jag skulle vilja ha en bild, som denna: http://www.shape87.com/streck1.jpg och styra upp den med css så att den ser ut som denna: http://www.shape87.com/streck2.jpg alltså att den fadas från orginalfärgen till vit, alternativt till bakgrundsfärgen. Går detta? Om det inte går med css, hur gör man med javascript?

cazeMedlem sedan sep. 20016 059 inlägg
#2

Rekommenderar photoshop. ;)

zcorpanMedlem sedan dec. 20042 245 inlägg
#3

Det "går" med IE-propiertär CSS som MS själva använder:

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' ,endColorStr= '#cadef4' ,gradientType= '0' );

Annars håller jag med caze. Använd bilder. :)

dotarMedlem sedan okt. 2002117 inlägg
#4

caze (och zcorpan): Om jag har en fast storlek så ser ju inte sidan så bra ut i olika upplösningar..
Men nu kom jag på att det inte funkar ändå, när man har en bild :/
Går det att "fada" en tabbelkant på detta sätt? Helst med något som både fungerar i FF, IE och de flesta andra..

zcorpanMedlem sedan dec. 20042 245 inlägg
#5

Hmm... eftersom man inte kan skala bakgrundsbilder med CSS ännu (man kommer kunna göra det med CSS3), så kan man fuska lite och sätta din övertoning i ett IMG-element i HTML-koden, och sen ange bredden i % med CSS så att den kan skalas efter fönsterbredden. ;)

dotarMedlem sedan okt. 2002117 inlägg
#6

zcorpan: Tackar, perfekt :D

129 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)