Web Design Forums

dorian · 02-07-2003, 11:41

is it possible to make bg colour fade from one colour to another using css? (eg on mouse over?)
I tried to do a search but nothing... only a note somewhere on ww3.
Is it simple to do? I suck at code

Any examples?

dorian · 02-07-2003, 16:26

(

was that another stupid question?

)

dcd · 02-07-2003, 17:08

I'd appreciate knowledge of that too!!! But then I've been known to ask stupid questions many a time!

smallbeer · 02-07-2003, 17:23

It would have to be done using the DOM if it could at all.

What would you be using it for? A document background or the background of a cell for a link?

dorian · 02-07-2003, 17:33

bg for a (cough) table... in a floating layer...

Bill Posters · 02-07-2003, 19:10

I'm sure I saw something to that effect on one of the many javascript 'trick' script pools.
I ws checking to see if things had improved or whether they were still filled with useless little ooh-aah trinkets.
Shouldn't be too hard to find (unfortunately).
Check the usual suspects.

It was for the entire body background, but it shouldn't be hard to adapt it to add a tacky 1995 effect to your 1997 table in your 2001 floating layer.

dorian · 02-07-2003, 20:57

lol I want the effect for a menu.
...the alternative option would be to do the whole thing in flash - but I just wanna stay away from using flash for navigation. 'not advisable'
Thought css would be 2003 - that's why I asked.

Brown · 03-07-2003, 06:39

Quote:

add a tacky 1995 effect to your 1997 table in your 2001 floating layer.

lol

i think it can be done but i've not got time to look into it right now.

the keyword here is 'fade' yeah?

Stickman · 03-07-2003, 06:49

Can't you just tile a small fading animated gif (and use a rollover if that's the effect you're after)?

If the cap fits....

dorian · 03-07-2003, 07:31

Quote:

Originally posted by Stickman
Can't you just tile a small fading animated gif (and use a rollover if that's the effect you're after)?

If the cap fits....

been thinking of that too, stickman.
haven't tried it yet though. but that should work shouldn't it?
the only problem might be the actual quality of the display - I want the row to be 100% width. Even if only 1x1 px gifs - we're talking quite a few of those animating 'simultaneously'

Stickman · 03-07-2003, 07:50

Depends. Does this look ok?

Brown · 03-07-2003, 07:56

on a similar tip - www.pixeljam.com

dorian · 03-07-2003, 08:25

Classy it is!

it might do the job though...
((...and what does it leave you with? worried? disappointed?))
---
i'm confused about pixeljam though.

Stickman · 03-07-2003, 08:37

Can you post it in Showcase when it's finished?

dorian · 03-07-2003, 08:41

i will... together with some credits

((it's for a new versio of my portfolio site btw))

Mr Fred · 03-07-2003, 08:49

do it in flash and make it accessible - not dificult - that fade looks like shite

Stickman · 03-07-2003, 08:51

WTF!? Shite? That took me half an hour!

Stickman · 03-07-2003, 09:04

I am joking, btw.

dorian · 03-07-2003, 09:17

Quote:

Originally posted by japanmik
do it in flash and make it accessible - not dificult

do you mean dynamic* or something?

*that word gmakes me shiver

dorian · 07-07-2003, 03:32

have a question about this:

onmouseover="this.style.backgroundColor='#FF3300'; " onmouseout="this.style.backgroundColor='#666666';"

...is it possible to have NO background on mouse out? something like 'restore'...? no background colour...? what is the correct value to put in the quotes?

(soon I'll start posting all those questions under a new thread called "dorian's embarrassingly naive enquiries")

02-07-2003, 11:41	#1 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,233	fading bg colour using css??? is it possible to make bg colour fade from one colour to another using css? (eg on mouse over?) I tried to do a search but nothing... only a note somewhere on ww3. Is it simple to do? I suck at code Any examples? __________________ ...

02-07-2003, 16:26	#2 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,233	( was that another stupid question? ) __________________ ...

02-07-2003, 17:08	#3 (permalink)
dcd Senior Member Join Date: Feb 2003 Location: Canterbury Posts: 115	I'd appreciate knowledge of that too!!! But then I've been known to ask stupid questions many a time! __________________ Living in the Slow Lane

02-07-2003, 17:23	#4 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,236	It would have to be done using the DOM if it could at all. What would you be using it for? A document background or the background of a cell for a link? __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

02-07-2003, 17:33	#5 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,233	bg for a (cough) table... in a floating layer... __________________ ...

02-07-2003, 19:10	#6 (permalink)
Bill Posters trouble free and loverlee Join Date: Mar 2003 Location: YooKay Posts: 2,880	I'm sure I saw something to that effect on one of the many javascript 'trick' script pools. I ws checking to see if things had improved or whether they were still filled with useless little ooh-aah trinkets. Shouldn't be too hard to find (unfortunately). Check the usual suspects. It was for the entire body background, but it shouldn't be hard to adapt it to add a tacky 1995 effect to your 1997 table in your 2001 floating layer.

02-07-2003, 20:57	#7 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,233	lol I want the effect for a menu. ...the alternative option would be to do the whole thing in flash - but I just wanna stay away from using flash for navigation. 'not advisable' Thought css would be 2003 - that's why I asked. __________________ ...

03-07-2003, 06:49	#9 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,628	Can't you just tile a small fading animated gif (and use a rollover if that's the effect you're after)? If the cap fits....

03-07-2003, 07:50	#11 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,628	Depends. Does this look ok?

03-07-2003, 07:56	#12 (permalink)
Brown volkswagen yellow & gold Join Date: Apr 2003 Location: london, england. Posts: 6,214	on a similar tip - www.pixeljam.com

03-07-2003, 08:25	#13 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,233	Classy it is! it might do the job though... ((...and what does it leave you with? worried? disappointed?)) --- i'm confused about pixeljam though. __________________ ...

03-07-2003, 08:37	#14 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,628	Can you post it in Showcase when it's finished?

03-07-2003, 08:41	#15 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,233	i will... together with some credits ((it's for a new versio of my portfolio site btw)) __________________ ...

03-07-2003, 08:49	#16 (permalink)
Mr Fred Magazines™ Join Date: Mar 2003 Location: Glasgow.. Posts: 11,275	do it in flash and make it accessible - not dificult - that fade looks like shite

03-07-2003, 08:51	#17 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,628	WTF!? Shite? That took me half an hour!

03-07-2003, 09:04	#18 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,628	I am joking, btw.

07-07-2003, 03:32	#20 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,233	have a question about this: onmouseover="this.style.backgroundColor='#FF3300'; " onmouseout="this.style.backgroundColor='#666666';" ...is it possible to have NO background on mouse out? something like 'restore'...? no background colour...? what is the correct value to put in the quotes? (soon I'll start posting all those questions under a new thread called "dorian's embarrassingly naive enquiries") __________________ ...

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search