Low opacity and higher opacity when mouse hover

Go down

Solved Low opacity and higher opacity when mouse hover

Post by Luffy on November 24th 2013, 8:38 pm

I made a different thing in my posts and now the last topic informations i made them like this:


The think i want is:
As it is now to have opacity:0.5; and when hover to have opacity:0.9;.

The code i use in the css is:
CSS Stylesheet Code:

Code:
.stoixeiatelefteoythematos {
 Â border: 1px solid #cccacc;
padding: 3px 7px;
background: #ededed;
color: #000000;
box-shadow: inset 0 0 5px #cccacc;
border-radius: 2px;
 Â  position:absolute;
 Â  margin: -17px 0px 0px 440px;
font-size:11px;
}


Forum Version: PunBB
Forum adress
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Low opacity and higher opacity when mouse hover

Post by Ultron's Vision on November 24th 2013, 8:57 pm

Marios94 wrote:I made a different thing in my posts and now the last topic informations i made them like this:


The think i want is:
As it is now to have opacity:0.5; and when hover to have opacity:0.9;.

The code i use in the css is:
CSS Stylesheet Code:

Code:
.stoixeiatelefteoythematos {
  border: 1px solid #cccacc;
padding: 3px 7px;
background: #ededed;
color: #000000;
box-shadow: inset 0 0 5px #cccacc;
border-radius: 2px;
   position:absolute;
   margin: -17px 0px 0px 440px;
font-size:11px;
}


Forum Version: PunBB
Forum adress
Like this.

Code:
.stoixeiatelefteoythematos:hover {
 opacity: 0.9;
 fiter: alpha(opacity=90);
}
I provided a workaround for IE10 and less because somehow, IE has managed to not support CSS3 standards for far too long.
avatar
Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Low opacity and higher opacity when mouse hover

Post by Luffy on November 24th 2013, 9:00 pm

Thank you very much! It works!!

Solved!! Very Happy Very Happy Very Happy 
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Low opacity and higher opacity when mouse hover

Post by SLGray on November 24th 2013, 9:54 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43469
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum