エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【初心者必見】要素をくるっと回転!transform:rotate()の全て | 侍エンジニアブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【初心者必見】要素をくるっと回転!transform:rotate()の全て | 侍エンジニアブログ
こんにちは、ライターのナナミです! 最近のWEBサイトって色々と動きがあって面白いですよね。マウスオ... こんにちは、ライターのナナミです! 最近のWEBサイトって色々と動きがあって面白いですよね。マウスオーバーしたら色が変わったり、くるっと回転させたり… 実は、そういう動きはCSSだけで作れちゃうんです! 今回はCSSだけで要素をくるっと回転させる方法に焦点を絞り、回転させるプロパティ、transform:rotate();についてを徹底解説していきます。 さらにrotate()を実践的に使うための応用編としてCSSだけでアニメーションをつける方法も解説していきますね。 今回の記事では、下記のHTMLとCSSを基本にして説明していきます。 HTML CSS .rotate_test { width: 100px; background-color: #ccc; padding: 78px 40px; margin: 100px auto; } jQueryとかは難しくてよくわからないから、ア