javascript - 在切换时翻转表格行内容

Question

我想在切换时翻转表格行内容。当前 CSS 代码:

table {
    width: 100%;
    height: 100%;
    border: 2px solid orange;
    table-layout: fixed;
    color: black;
}

td {
    background-color: #FFD65E;
    vertical-align: text-top;
    padding: 10px;
}

td:hover {
    background-color: #febf04;
}

JSFiddle:http://jsfiddle.net/YAPPF/

我想要水平翻转动画。所以，会有 2 个内容，第一个在前面，第二个是悬停时(后面)。我该怎么做？

Answer 1

此解决方案摘自 David Walsh 的博客，希望对您有所帮助检查这个 Fiddle

<div class="flip-container">
        <div class="flipper">
            <div class="front">
                front
            </div>
            <div class="back">
                back
            </div>
        </div>
    </div>

如果此解决方案不能满足您的需求，很抱歉让您耽误了时间。