Profile Enhancements - Simple Profile picture Effect

Simple but will get that "wow!" from your users.

.avatarcontainer img {
	opacity:0.5;
	transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -webkit-transition: all 0.5s ease-in;
}

.avatarcontainer:hover img {
	opacity:1;
}

copy and paste this into additional.css, save it.

[letipro]

not work

[zascok]

what browser are you using?

[ProFifaLeagues]

Works well in Firefox

[RSNF]

Nice little effect you made here installed and rated!!

[hiepsi@]

works well in safari,firefox

[faisaly.com]

This would be even better for all avatars including postbit_legacy...

[zascok]

Originally Posted by faisaly.com

This would be even better for all avatars including postbit_legacy...

put

.avatarcontainer img,
.postuseravatar img {
	opacity:0.5;
	transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -webkit-transition: all 0.5s ease-in;
}
.avatarcontainer:hover img,
.postuseravatar:hover img {
	opacity:1;
}

should work as well

[ramesh_umk3]

Add this too code is supported to some more browsers

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;

[synseal]

Nice, thankyou!. *Installed rated 5.

Working fine on chrome and FF.