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

avatar
Sir Chivas™
Helper
Helper

Male Posts : 6811
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
avatar
Sir Chivas™
Helper
Helper

Male Posts : 6811
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.
avatar
Sir Chivas™
Helper
Helper

Male Posts : 6811
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);
}
avatar
Sir Chivas™
Helper
Helper

Male Posts : 6811
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
avatar
Sir Chivas™
Helper
Helper

Male Posts : 6811
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 : 44187
Reputation : 3141
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