CSS转换鼠标输入动画和鼠标动画

我无法找出css转换。我有一个图像，当用户悬停在它上面时，标题从左侧飞入，但当他们悬停在外时，我希望标题退出右侧。这可能吗？CSS转换鼠标输入动画和鼠标动画

这里是我的代码：

ul.case-studies-list li div.content{ 
    transform: translateX(-100px); 
    transform-origin: bottom left; 
    transition:all 0.2s ease-in-out 0s; 
    opacity:0; 
} 

ul.case-studies-list li:hover div.content{ 
    transform-origin: bottom left; 
    transform: translateX(0px); 
    opacity: 1; 
}

来源

2015-04-06 user2402492

您需要将图像飞出，然后立即放置在1帧的左侧。 – Downgoat

该图像位于html代码（）中，而不是css。该div掩盖鼠标从左边的图像。当他们退出时，我希望面具退出到右侧。对不起，我猜我不明白你的意思？ – user2402492

这是非常简单的。我已经为你FIDDLE LINK。

jsfiddle.net/Anuj_Kumar/2gba05ug/

来源

2015-04-07 11:56:00

谢谢！但我试图看看我是否可以只用CSS而不是JavaScript。 – user2402492

CSS转换鼠标输入动画和鼠标动画

回答

相关问题