The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Darken Images On Hover

3 posters

Go down

Darken Images On Hover Empty Darken Images On Hover

Post by ! ! Effect Veiler October 28th 2012, 9:09 pm

Ok, SO I Been Looking around and couldn't fund a correct answer to my question. I was wondering how you can make the images on the forum darken When they are hovered over. I found a coce that worked but it wasnt the way i liked it. Here is an example www.duelacademy.net


Last edited by ! ! Effect Veiler on October 28th 2012, 9:12 pm; edited 3 times in total
! ! Effect Veiler
! ! Effect Veiler
New Member

Posts : 23
Reputation : 1
Language : English

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by Sir Chivas™ October 28th 2012, 9:10 pm

Is this solved? Or is still in search for an answer?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by ! ! Effect Veiler October 28th 2012, 9:12 pm

Sir Chivas™ wrote:Is this solved? Or is still in search for an answer?
Still in seach of an answer
! ! Effect Veiler
! ! Effect Veiler
New Member

Posts : 23
Reputation : 1
Language : English

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by Sir Chivas™ October 28th 2012, 9:19 pm

Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by ! ! Effect Veiler October 28th 2012, 9:24 pm

ive already tried those
! ! Effect Veiler
! ! Effect Veiler
New Member

Posts : 23
Reputation : 1
Language : English

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by Sir Chivas™ October 28th 2012, 9:34 pm

Alright, here.

CSS
Code:
.bannerhover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1.0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

HTML (Forum Descrition)
Code:
<img src="http://i.imgur.com/qhNOx.png" alt="http://imagesurl.png" style="float:left" class="bannerhover">
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by ! ! Effect Veiler October 28th 2012, 9:41 pm

Sir Chivas™ wrote:Alright, here.

CSS
Code:
.bannerhover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1.0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

HTML (Forum Descrition)
Code:
<img src="http://i.imgur.com/qhNOx.png" alt="http://imagesurl.png" style="float:left" class="bannerhover">
Neither Code Worked Seperately Nor Together
! ! Effect Veiler
! ! Effect Veiler
New Member

Posts : 23
Reputation : 1
Language : English

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by ! ! Effect Veiler October 29th 2012, 3:05 pm

bump
! ! Effect Veiler
! ! Effect Veiler
New Member

Posts : 23
Reputation : 1
Language : English

Back to top Go down

Darken Images On Hover Empty Re: Darken Images On Hover

Post by Nera. October 30th 2012, 8:41 am

Hi,

It dependes what images do you want to hover. Post your forum url and state wich image do you want to hover.

LP
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Back to top


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