ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤある案件とかある案件とかある案件とか（笑）でCSS Transformsを実装してみました。ついでに、このサイトを更新したときにもCSS 3D Transformsを実装しています。そこで得られた5つのTipsを備忘録を兼ねて書いてみようと思います。そこで得られた5つのTipsを備忘録を兼ねて書いてみようと思います。 transform:rotate() などでa要素やlabel要素を傾けると、リンクがクリックしにくくなります。傾けた要素の子要素にa要素やlabel要素があっても同じです。 クリックしても反応しない部分が出てきます。 対処方法は、親要素にa要素やlabel要素を配置し、その子要素のみを傾けるか、要素がマウスオーバーしたときに要素の傾きを解消することです。 要素がマウスオーバーしたときに要素の傾きを解消することで、インタラクティブな演出もできます。 モーダルウインドウなど、絶
