Breathing Sign Up Button

[Lone Wolf]

(You have insufficient privileges to post here.)
I can't open new threads yet, if someone want to open it, I'm willing to help.

Me too. I think you may have to be moved to a different usergroup to post resources.

 

[rafass]

Let's open a new one in off topic

 

[rafass]

Hey @Lone Wolf this is the Breathing spoiler button:

Spoiler: breathing spoiler button [gif]

in extra.css:

Spoiler: extra.css

/* SPOILER BUTTON*/
.bbCodeSpoilerButton {
border: 1px solid #fff;
color: #fff;
margin: 10px 10px;
-webkit-animation-name: redPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: redPulse;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-o-animation-name: redPulse;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
animation-name: redPulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background: none repeat scroll 0% 0% #750606 !important;
}

.bbCodeSpoilerButton:hover {
color: #fff;
background: #c40000!important;
text-decoration: none;
-webkit-animation: none;
animation: none;
}
/* END SPOILER BUTTON*/

 

[Lone Wolf]

Hey @Lone Wolf this is the Breathing spoiler button:

Now that's quality. Excellent work. I wonder if node icons are possible.

 

[rafass]

Sorry. But I guess that using this method in the node icons is not "the best way" to customise it.
that works with css sprites.
Anyway, I guess node icons "breathing"... and everything "breathing" is quite annoying to the eyes. (just my opinion xdd)

 

[Lone Wolf]

Yeah you're right @rafass

If one item is breathing on the screen on some pages then it draws attention to it, if several are breathing on most pages then it becomes normal.

 

[marissa Desanta]

Hey @Lone Wolf this is the Breathing spoiler button:

Spoiler: breathing spoiler button [gif]

in extra.css:

Spoiler: extra.css

/* SPOILER BUTTON*/
.bbCodeSpoilerButton {
border: 1px solid #fff;
color: #fff;
margin: 10px 10px;
-webkit-animation-name: redPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: redPulse;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-o-animation-name: redPulse;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
animation-name: redPulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background: none repeat scroll 0% 0% #750606 !important;
}

.bbCodeSpoilerButton:hover {
color: #fff;
background: #c40000!important;
text-decoration: none;
-webkit-animation: none;
animation: none;
}
/* END SPOILER BUTTON*/

I did this to my spoiler and it changed the look nicely however mine doesn't" breathe" or glow

 

[rafass]

I did this to my spoiler and it changed the look nicely however mine doesn't" breathe" or glow

Give me a link to see the spoiler (pm if you want) and I'll take a look at the code and I'll try to help you.