Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
任意の点を中心にhtml要素を回転させるにはどうすればよいですか。要素をそれ自体の周りで回転させる cssプロパティがあることを私は知っています。でも時計の針rotate trasformのように回転させたいです。
rotate trasform
変換原点を使用できます。
https://developer.mozilla.org/En/CSS/-moz-transform-origin
ここで述べたように:
基準点に対するCSSの回転
以前、この効果を実現するために回転を使用しました。あなたがする必要があるのは、ある程度の透明度で針pngファイルを拡張することです。サイズが5x100の針がある場合、その針を5x200にすると、写真の半分が針で、残りの半分は透明になります。次に、その画像を回転させることができます。
これにはJavascriptを使用する必要があります。予想通り、特にjQueryを使用しているグーグルで見つけたものがいくつかあります。