翻转时翻转表格行内容

切换时，我想要翻转表格行内容。当前的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个内容，第一个是前面，第二个是内容（后面）。我怎样才能做到这一点？

来源

2014-05-19 Yiedpozi

翻转你想，当它盘旋于旋转特定的盒子感？ – Shashank

是的，对.. :) – Yiedpozi

@Yiedpozi - 你到目前为止尝试过什么？ – SW4

该解决方案是由大卫·沃尔什的博客取我希望它可以帮助你选中此Fiddle

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

如果此解决方案不能满足您的需求，我抱歉让你失去的时间。

来源

2014-05-19 11:15:29

你可以使用这个只有一个图形的“箭头”，但它翻转指向不同的方向。

img { 
     -moz-transform: scaleX(-1); 
     -o-transform: scaleX(-1); 
     -webkit-transform: scaleX(-1); 
     transform: scaleX(-1); 
     filter: FlipH; 
     -ms-filter: "FlipH"; 
}

如果你觉得很难理解这比请访问此链接
http://davidwalsh.name/css-flip

来源

2014-05-19 11:21:48 Shashank

翻转时翻转表格行内容

回答

相关问题