垂直翻轉按鈕背景圖像

我使用CSS來設置具有背景圖像的按鈕。我需要一個新聞效果。所以我嘗試了在按鈕處於活動狀態時垂直放置按鈕，如小提琴中演示的那樣。垂直翻轉按鈕背景圖像

http://jsfiddle.net/krishnathota/xzBaZ/10/

我能夠翻轉圖像，但與整個按鈕一起。我怎麼才能翻轉背景圖片。 ??

我必須在.button:active以外的其他課程中寫什麼？ Plaease幫助

請檢查第三個和第四個按鈕並翻轉BackgroundImage。第一個和第二個按鈕包含一個<img>我不希望它被翻轉。

如果這不是跨瀏覽器支持，你能告訴我如何改變背景時按鈕被激活而不改變背景顏色？

來源

2013-03-01 Krishna Thota

添加active國家只圖像

.button:active img{ 
    /*Vertical Flip background img*/ 
    -moz-transform: scaleY(-1); 
    -webkit-transform: scaleY(-1); 
    -o-transform: scaleY(-1); 
    transform: scaleY(-1); 
    -ms-filter: flipv; /*IE*/ 
    filter: flipv; /*IE*/ 
    top: 1px; position: relative; 
    /*-webkit-transform: translateY(1px);-moz-transform: translateY(1px);*/ 
    }

DEMO

Here是最好的教程單獨翻轉元素

http://www.sitepoint.com/css3-transform-background-image/

來源

2013-03-01 06:32:23 Sowmya

你有沒有檢查，Flip實際上不適用於你的演示。只有定位正在工作。首先請將你的小提琴和我的小提琴比較一下，看看翻轉的不同。並請考慮第三個和第四個按鈕。 – 2013-03-01 06:36:05

@KrishnaThota是的，我做到了。在你的演示中，翻轉文本以及圖像翻轉，但在我的演示中，它只翻轉圖像。這是你需要什麼或別的？ – Sowmya 2013-03-01 06:37:44

不，你正翻轉''，但我需要翻轉背景圖片。請考慮重新檢查。 – 2013-03-01 06:39:21

垂直翻轉按鈕背景圖像

回答

相關問題