質問: ホームページ上でスライドバーを斜めに表示したい。 イメージとしては値が大きくなると、右上に上がっている様子を示したい。 (最終的に別で作った棒グラフと、融合させたいなと思っています) スライドバー自体を横と縦に設置する方法は、 下記のHPを参考にして問題なくできました。 (初期値 0 最小値0 最大値5 移動値1) 斜めに表示する方法って、何かありますでしょうか。 (直近バージョンのIEやFireFoxのブラウザで利用できれば、 別途ライブラリを利用する形でも構いません。)
回答: CSSを使用して要素を斜めに表示することができます。 CSS3の`transform`プロパティに`rotate()`関数を指定することで、要素が回転表示されます。 引数には回転させる角度(`deg`)を指定します。下記は、右上45°に伸びるスライダーの例です。 ``` $("#slider").slider(); ``` ``` #slider { margin: 150px 10px; width: 300px; transform: rotate(-45deg); } ``` ``` ``` 参考 ○ rotate() - CSS: Cascading Style Sheets | MDN