[Snippet] CSS3 Fading effect on Logo

Mods, snippets and styles postet and supported by the users
Forum rules
As the forum title says this is for User Contributions
Post a support request in this forum and you will be banned!
User avatar
Blackwolf
BBCoder IV
BBCoder IV
Posts: 272
Joined: 04 Dec 2010, 10:36
BBCodes: 101
Favourite BBCode: Dropcap
Favourite MOD: mchat
Location: Melbourne Australia

[Snippet] CSS3 Fading effect on Logo

Post by Blackwolf » 04 Jan 2012, 22:15

Thanks a lot! I'll try it when I get home from work & let you know ;)



EDIT

:thumb: THANK YOU VERY MUCH INDEED!! :D
Ultimate Edition, Ultimate Edition Oz, Oz Unity

“We are Anonymous. We are Legion. We do not forgive. We do not forget. Expect us.”


User avatar
KreatorTeam
BBCoder II
BBCoder II
Posts: 8
Joined: 18 Apr 2010, 18:01
Location: Torino

[Snippet] CSS3 Fading effect on Logo

Post by KreatorTeam » 11 Jan 2012, 10:05

Thanks a lot FTH, you've done a good job !

Betty_09
BBCoder I
BBCoder I
Posts: 2
Joined: 19 Apr 2014, 07:12
BBCodes: 3

[Snippet] CSS3 Fading effect on Logo

Post by Betty_09 » 19 Apr 2014, 07:23

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.

regazer
BBCoder II
BBCoder II
Posts: 19
Joined: 20 Jan 2014, 05:24
Location: Deutschland - Niedersachsen

[Snippet] CSS3 Fading effect on Logo

Post by regazer » 24 Apr 2014, 14:22

Good idea this ! :)

But I use it in another way: First dark and when hovering it's lighting up. 8-)
I don't support phpBB any longer. So I'm gone here too. :D

regazer
BBCoder II
BBCoder II
Posts: 19
Joined: 20 Jan 2014, 05:24
Location: Deutschland - Niedersachsen

Re: [Snippet] CSS3 Fading effect on Logo

Post by regazer » 04 Feb 2015, 06:49

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;
I don't support phpBB any longer. So I'm gone here too. :D


User avatar
jabhi
BBCoder II
BBCoder II
Posts: 69
Joined: 16 Mar 2012, 07:13
BBCodes: 3
Favourite BBCode: pdf
Favourite MOD: pretty photo

Re: [Snippet] CSS3 Fading effect on Logo

Post by jabhi » 14 Jul 2015, 16:09

Is it possible to make it automatic without mouse over?

Thanks
Go phpBB go... Respected : Developers, Supporters.

regazer
BBCoder II
BBCoder II
Posts: 19
Joined: 20 Jan 2014, 05:24
Location: Deutschland - Niedersachsen

Re: [Snippet] CSS3 Fading effect on Logo

Post by regazer » 15 Jul 2015, 01:04

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.
I don't support phpBB any longer. So I'm gone here too. :D

User avatar
jabhi
BBCoder II
BBCoder II
Posts: 69
Joined: 16 Mar 2012, 07:13
BBCodes: 3
Favourite BBCode: pdf
Favourite MOD: pretty photo

Re: [Snippet] CSS3 Fading effect on Logo

Post by jabhi » 16 Jul 2015, 15:22

I mean fade in and out every time.

Please tell the exact code...
Go phpBB go... Respected : Developers, Supporters.

regazer
BBCoder II
BBCoder II
Posts: 19
Joined: 20 Jan 2014, 05:24
Location: Deutschland - Niedersachsen

Re: [Snippet] CSS3 Fading effect on Logo

Post by regazer » 16 Jul 2015, 23:55

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. :)
I don't support phpBB any longer. So I'm gone here too. :D

User avatar
jabhi
BBCoder II
BBCoder II
Posts: 69
Joined: 16 Mar 2012, 07:13
BBCodes: 3
Favourite BBCode: pdf
Favourite MOD: pretty photo

Re: [Snippet] CSS3 Fading effect on Logo

Post by jabhi » 17 Jul 2015, 03:27

Thanks for pointing me to right direction, I was looking for animated gif.
Go phpBB go... Respected : Developers, Supporters.