旋轉滾動條按鈕的圖像

我想旋轉滾動條按鈕的圖像，這裏是我的滾動條代碼：http://fiddle.jshell.net/Hepxc/ 我想旋轉第二個圖像的y軸180度，併爲x軸90度。我想這個代碼，但沒有奏效：旋轉滾動條按鈕的圖像

transform: rotate(10deg); 
-moz-transform: rotate(10deg); 
-webkit-transform: rotate(10deg);

來源

2013-05-26 user2401856

爲什麼在世界範圍內，你會將'-moz'樣式應用於'-webkit'規則的負載？ –

你是什麼意思？如果在我的FIDDLE代碼中有某些東西需要修復，請告訴我，如果您正在談論灰色區域中的代碼，它不是由我編寫的，我不使用它 – user2401856

您的小提琴中的圖像不起作用，並且我指的是在startpost中使用'-moz-transform' - 將Mozilla Firefox特定的樣式規則添加到僅限Webkit的功能並沒有太多意義。 –

做transform: rotateX(XXdeg) rotateY(XXdeg);通過特定的軸旋轉。
如果您想要3D效果，請爲父對象提供一個「透視圖」，例如， 600px：perspective:600px;。如果沒有父元素的透視圖，您將看不到3D效果（如果您想要這種行爲）。

來源

2013-05-26 23:59:28

它沒有工作:(我試圖添加你的兩個代碼，它不起作用。這裏是將代碼添加到新的代碼： '： - webkit-scrollbar-button：vertical：increment { background-image：url（http://i.imgur.com/ygGobeC.png）; background-repeat：no-repeat; transform：rotateX（ XXdeg）rotateY（XXdeg）; perspective：600px; }'
請儘量讓它在小提琴網站上用我的代碼工作，我給答案20聲望.. :) – user2401856

我不是但是，您可能會考慮使用瀏覽器特定的CSS，並設置廣泛的兼容性（因此不太瞭解Webkit特定的規則）找到這個可定製的滾動插件interestring：http://manos.malihu.gr/jquery-custom-content-scroller/更多的例子，請參閱http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html –

旋轉滾動條按鈕的圖像

回答

相關問題