デザイナーから開発が義務付けられているファイルが渡されました。彼らは私に湾曲した/アーチ型のメニューをするように頼んでいます:
これを作成することは可能ですか?私はこれまでこのようなものに出くわしたことがなく、これに近づくことに困惑しています。
でできるかもしれませんcanvas
。サンプルについては、CSS3 / Canvas を使用してテキストをカーブ / アークする方法はありますか の回答を参照してください。canvas
IE8 以前ではサポートされていませんが、最近のブラウザーではかなり広くサポートされていることに注意してください。
画像のメニューはやや正弦波の形をしているので、正弦波の描画canvas
に関するこのチュートリアルも参照してください。
ただし、このようなものには大変な作業です。代わりに、それを大きな画像にして、map
要素を使用して画像マップを作成することができます。
一連の小さな画像から構成することもできます。
CSS3 のrotation
プロパティを使用して例を調べることができます。
https://www.google.com/search?q=css+rotate
これは、CSS を使用することはまったくできません。スライスしたイメージを使用して作成するか、フラッシュで実行する必要があります。