Webサイトにちょっとした動きや変化をつけるだけで、グッと魅力がアップしますよね。 そんな表現を実現する強力なCSSプロパティが transform です！ 今回は、駆け出しWebコーダーの皆さんに向けて、このtransformプロパティの基本的な使い方をやさしく解説して ...

「transform: none;」とすることでspanのtransformに指定されてある「 translateX (-100%)」という値が打ち消されます。 これでhoverした際にボタンが黒く塗り潰されるはずです。 それではhover時のアニメーションを記述していきます。