BlogSkins Forum Replies For: Transitioning~

RE: Transitioning~

nobody@blogskins.com (zheliel) — Thu, 24 Mar 2011 06:53:22 -0500

oh whoops

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(opacity=10)";

and

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(opacity=100)";

RE: Transitioning~

nobody@blogskins.com (Kitty_meow) — Thu, 24 Mar 2011 08:25:56 -0500

It switches back because it only works when you hover over the object as you only defined it to that.

Or do you mean that you want the effect of the transition to apply when you move your cursor? As in not-abruptly?

RE: Transitioning~

nobody@blogskins.com (zheliel) — Thu, 24 Mar 2011 19:59:53 -0500

Ah i found out, i forgot to put the -moz-transition at the first thingy, thanks anyway :)

RE: Transitioning~

nobody@blogskins.com (Kitty_meow) — Fri, 25 Mar 2011 00:45:51 -0500

:D Glad you sorted it out.

Transitioning~

nobody@blogskins.com (zheliel) — Thu, 24 Mar 2011 06:49:20 -0500

Hello :D Hmm I need some help with transitions! Let's say I have this:

.nom{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)";
filter: alpha(opacity=10);
opacity:0.1;
-webkit-transition:1s;
}

.nom:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
filter: alpha(opacity=100);
opacity:1;
-webkit-transition:1s;
}

the transition works, but it abruptly switches back when my cursor moves away D: how do I fix this?