Simple Profile picture Effect

[zascok]

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]

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.

[ckgb]

Is there a way to make it work with Internet Explorer 11?

Thank you.

[ozzy47]

Is there a way to make it work with Internet Explorer 11?

Thank you.

Did you see where I responded to your other post, https://vborg.vbsupport.ru/showthread.php?t=307742