How to put shadow on every picture when the mouse is over them

Go down

Solved How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:01 pm

Hello guys.

I want to ask if there is a way to put shadow on every picture when the mouse is over them. Thank you for your help.



Last edited by tedyblue on February 24th 2013, 9:54 pm; edited 1 time in total
avatar
tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:14 pm





Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:26 pm

I ment something like this. But not only with the logo but also with avatars and "Who is online?" picture. When the mouse is on them they have shadow.

avatar
tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:28 pm

Can you please provide the URL of the forum inside that screenshot? Wink




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:31 pm

On PM?
avatar
tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:41 pm

No, here would be fine.




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:42 pm

avatar
tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 9:48 pm

For the who's online:
Code:
img#i_whosonline:hover {
border: solid 1px #000000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
transition-duration: 0.5s;
-moz-box-shadow: 2px 2px 22px #000000;
-webkit-box-shadow: 2px 2px 22px #000000;
box-shadow: 2px 2px 22px #000000;
}

For the Logo:
Code:
img#i_logo:hover {
border: solid 1px #000000;
-moz-box-shadow: 2px 2px 22px #000000;
-webkit-box-shadow: 2px 2px 22px #000000;
box-shadow: 2px 2px 22px #000000;
transition-duration: 0.5s;
}

For the Avatars:
Code:
span.postdetails a img{
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s; 
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform; 
  overflow:hidden;
}

 span.postdetails a img:hover{
    -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by tedyblue on February 24th 2013, 9:53 pm

It worked. Thank you very much for the help.

Marked as solved
avatar
tedyblue
Forumember

Female Posts : 73
Reputation : 4
Language : Bulgarian, English

http://deeper-than-blood.forummotion.com/

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by Sir Chivas™ on February 24th 2013, 10:05 pm

No problem, anytime. Wink




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: How to put shadow on every picture when the mouse is over them

Post by SLGray on February 25th 2013, 1:01 am

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 : 43504
Reputation : 3094
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