Page 2 of 2

[Snippet] CSS3 Fading effect on Logo

Posted: 05 Jan 2012, 00:15
by Blackwolf
Thanks a lot! I'll try it when I get home from work & let you know ;)



EDIT

:thumb: THANK YOU VERY MUCH INDEED!! :D

[Snippet] CSS3 Fading effect on Logo

Posted: 11 Jan 2012, 12:05
by KreatorTeam
Thanks a lot FTH, you've done a good job !

[Snippet] CSS3 Fading effect on Logo

Posted: 19 Apr 2014, 09:23
by Betty_09
Hi. I am a graphic designer. I feel so grateful to you for sharing this information with us. I am going to bookmark this post. I will use this technique in my next logo design task. Thanks for posting.

[Snippet] CSS3 Fading effect on Logo

Posted: 24 Apr 2014, 16:22
by regazer
Good idea this ! :)

But I use it in another way: First dark and when hovering it's lighting up. 8-)

Re: [Snippet] CSS3 Fading effect on Logo

Posted: 04 Feb 2015, 08:49
by regazer
To let it work with IE 6 (don't know if newer versions do it without changing) do this:

replace opacity: 0.4; with opacity: 0.4; filter: Alpha(Opacity=40); zoom: 1;

replace opacity: 1; with opacity: 1; filter: Alpha(Opacity=100); zoom: 1;

Re: [Snippet] CSS3 Fading effect on Logo

Posted: 14 Jul 2015, 18:09
by jabhi
Is it possible to make it automatic without mouse over?

Thanks

Re: [Snippet] CSS3 Fading effect on Logo

Posted: 15 Jul 2015, 03:04
by regazer
When not with mouseover how do you like it ? When starting the page first or every time you are visiting it ? Or how ?

Maybe you'll find something when using this google-search https://www.google.de/search?hl=de&q=fa ... gws_rd=ssl

This google.de came for me also when I'm typing google.com because I'm living in germany and google is making something wrong that way I thik. So you'll surely get the google from the land where you're living. :D

Maybe you're searching something like this:
http://fvsch.com/code/transition-fade/test5.html
http://blog.icanmakethiswork.io/2013/12 ... tions.html

That samples let fade elements by clicking buttons.

Re: [Snippet] CSS3 Fading effect on Logo

Posted: 16 Jul 2015, 17:22
by jabhi
I mean fade in and out every time.

Please tell the exact code...

Re: [Snippet] CSS3 Fading effect on Logo

Posted: 17 Jul 2015, 01:55
by regazer
I mean fade in and out every time.
:shock:

I don't understand what you meant. If you mean flickering in any way you should take an animated GIF. Fading needs some trigger like mouse over, button pressing, timer event or whatever maybe. So what ? If you mean a timer event it would be best to take an animated GIF. They way that is described here ( with CSS ) won't work for that. Then you have to take javascript or php.

https://www.google.de/search?hl=de&q=fa ... gws_rd=ssl
https://www.google.de/search?hl=de&q=fa ... gws_rd=ssl

That's the only thing I can tell you until knowing what you exactly want.
Please tell the exact code...
:?

What code when you don't tell enough ?

I don't like to waste my time with answering unclear questions. Please seek another one to fool with. I don't care any longer now in this forum.
It was my debt not to uncheck "Notify me when a reply is posted" :( Now I've done. :)

Re: [Snippet] CSS3 Fading effect on Logo

Posted: 17 Jul 2015, 05:27
by jabhi
Thanks for pointing me to right direction, I was looking for animated gif.