Hi All :hello:
I want to ask :D

How to Give Shadow Effect (dark) on the image Forum?

more details you can see this picture. :D


Source:
http://www.duelacademy.net/forum

my forum:
http://astajim.indonesianforum.net/

Please help me to fix this problem :D

Thanks before :bye:

Add this to your CSS:

Code:

.hoveeer {
  opacity: 1.0;
    -moz-transition: opacity .6s ease-in-out;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
}

.hoveeer:hover {
  opacity: 0.5; /* Vary from 0.1 to 1.0 */
  -moz-transition: opacity .6s ease-in-out;
  -webkit-transition: opacity .6s ease-in-out;
  -o-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
}

After adding them, find now an image tag: (Here's an image tag example)

Code:

<img src="imagehereblahblah" />

Now you need to add this inside the image tag:

Code:

class="hoveeer"

So it should be something like this one:

Code:

<img src="imagehereblahblah" class="hoveeer" />

Then tadaaaa! :D:

OMG, this work :D:

mr.mark you really helped all members here ;)

im very very thanks to you , :D

problem solved

Since the problem is solved, i'll locked this and move to archive section. :D:
~ Locked and Moved