| Forums > Tips & Tricks > "Transitioning~" (4 replies)
|
|
|
Hello Hmm I need some help with transitions! Let's say I have this:
.nom{
-ms-filter: "progid XImageTransform.Microsoft.Alpha(opacity=10)";
filter: alpha(opacity=10);
opacity:0.1;
-webkit-transition:1s;
}
.nom:hover{
-ms-filter: "progid XImageTransform.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?
|
| |
|
| |
|
| |
oh whoops
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(opacity=10)";
and
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(opacity=100)";
|
| |
| |
|
| |
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?
|
| |
| |
|
| |
Ah i found out, i forgot to put the -moz-transition at the first thingy, thanks anyway
|
| |
| |
|
| |
Glad you sorted it out.
|
| Subscribe To This Thread: RSS 2.0 or Atom (?) |
| This thread has been locked, and no new replies can be posted. |