webForumDet fria alternativet

Fade med css

HTML & CSS

5 svar · 324 visningar · startad av dotar

Medlem sedan okt. 2002117 inlägg
Frågan#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?

Medlem sedan sep. 20016 059 inlägg
#2

Rekommenderar photoshop. ;)

Medlem 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. :)

Medlem 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..

Medlem 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. ;)

Medlem sedan okt. 2002117 inlägg
#6

zcorpan: Tackar, perfekt :D

253 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)