0

我试图在悬停单个 div 时一次执行两个动画。

一种动画是将图像缩放到 50%。另一个动画是将文本从 0-100% 缩放,然后将其从原始位置向上移动 10px。

我已经使用下面的代码成功地创建了缩放图像的动画,但是我在编写文本动画时遇到了问题。

    -webkit-transform: scale(.5);

这是 JSFiddle 上的工作缩放图像动画:http: //jsfiddle.net/ZVScz/

我现在如何实现文本从 0-100% 缩放并向上移动 10px 的动画?

提前感谢任何能够提供帮助的人!

4

2 回答 2

2

您需要使用相邻的选择器CSS 选择器,elem1 + elem2其中elem2紧随其后elem1并且它们具有相同的父级。

我已经在http://jsfiddle.net/ZVScz/1/上实现了一些效果,您现在可以根据自己的喜好调整转换。

如果您有任何问题随时问。
弗雷德

于 2013-10-13T00:08:56.073 回答
0

尝试使用:#worksContainer:hover #worksText { ... }

替换...为文本所需的动画。

于 2013-10-13T00:11:28.970 回答