Home | Top Skins | Tags | All Skins | Forums | Contribute | About

BlogSkins.com Forums

Forums > Tips & Tricks > "Transitioning~" (4 replies)
zheliel's icon Author: zheliel
Posted: 3.5 years ago
(link)
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?
 
 
zheliel's icon Author: zheliel
Posted: 3.5 years ago
(link)
  oh whoops

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

and

-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(opacity=100)";
 
 
Kitty_meow's icon Author: Kitty_meow
Posted: 3.5 years ago
(link)
  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?
 
 
zheliel's icon Author: zheliel
Posted: 3.5 years ago
(link)
  Ah i found out, i forgot to put the -moz-transition at the first thingy, thanks anyway :)
 
 
Kitty_meow's icon Author: Kitty_meow
Posted: 3.5 years ago
(link)
  :D 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.


Site

- Home
- About
- Feeds
- Privacy Policy
- Contact Us

Skins

- Tags
- Search Skins
- All Skins
- Random Skin
- Skin Of The Day
- Contribute

Forums

- General
- Tips & Tricks
- Help!
- Suggestions
- Skin Requests
- Blogging Software
- Web Hosting

Account

- Log In
- Register
</BlogSkins>

Warning! Do not follow this link! It is a trap for poorly-behaved bots. If you follow this link, you will be banned from accessing this site and several others. I will not have mercy on you. Do not follow this link!