jquery - 几个问题(弹跳，对齐)

Question

我试图对齐中间圆圈中的文本并让它们在圆圈悬停时弹跳(即文本)

这里是:

http://jsfiddle.net/cJ3se/

希望有人能帮忙

丹佛

Answer 1

将元素中的单行文本垂直居中的最简单方法是将“line-height”与元素的“height”相匹配。所以在这种情况下会是:

.circ {
    line-height: 200px;
}

然后，要让文本跳动，只需通过动画更改“行高”即可:

.circ:hover {
    animation: bounce .5s ease-in-out infinite;
}
@keyframes bounce {
    50% { line-height: 175px; }
}

这是一个工作演示:http://jsfiddle.net/joshnh/Cvjsu/