ckgb
01-31-2014, 07:44 AM
I can't find the template edit mod I used, therefore have to post in here.
I use the below code for opacity - fade out effect for my avatars. It works in all the browsers but Internet Explorer.
Would appreciate a solution. Thank you very much.
.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;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50 )";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
}
.avatarcontainer:hover img,
.postuseravatar:hover img {
opacity:1;
}
I use the below code for opacity - fade out effect for my avatars. It works in all the browsers but Internet Explorer.
Would appreciate a solution. Thank you very much.
.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;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50 )";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
}
.avatarcontainer:hover img,
.postuseravatar:hover img {
opacity:1;
}