top



How can I make an image glow for example if my cursor points to a certain image it glows. But in a different way of glowing like making it dark first then when my cursor points to it or pass by it glows.

How to do it?

try this one:

Spoiler:
Code:
$(function(){$('img').mouseover(function(){$(this).fadeTo('400',0.50);$(this).fadeTo('400',1)})});$(function(){$('img.luay2011').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});$(function(){$('img.luay2012').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});

PE!N wrote:try this one:
Spoiler:
Code:
$(function(){$('img').mouseover(function(){$(this).fadeTo('400',0.50);$(this).fadeTo('400',1)})});$(function(){$('img.luay2011').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});$(function(){$('img.luay2012').mouseover(function(){$(this).animate({rotate:'40deg'});$(this).animate({rotate:'-=40deg'})})});

It doesn't work.

it working with me .. ask gogo or UD
the now how to make it working Smile

sorry

Actually I placed it in my css stylesheet and then check out my icons if it glows when my cursor pass by it or points it but still it doesn't.

Put it in forum homepage message, its jQuery

Do you mean by opacity?

Code:
img {
  opacity: 0.5;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

img:hover {
  opacity: 1.0;
}

Japorized wrote:Do you mean by opacity?

Code:
img {
  opacity: 0.5;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

img:hover {
  opacity: 1.0;
}


OH YES THANKS MAN!

Welcome. Just change "img" to classes or ids for specification.
This seems to be solved now.

Solved & Locked