かわいくアニメーションするフォームのテキストボックスをスタイリング -『CSS』
フォームのinput要素のtype="text"を可愛らしくスタイリングしてみます。よくこのbackground-imageで指定した画像を、background-positionのプロパティと@keyframesでアニメーションさせていることがありますね。ということで、フォームの入力エリアに使ってみました。フォーカスが当たると「〜」のアニメーションが止まります。
フォームのinput要素のtype="text"を可愛らしくスタイリングしてみます。よくこのbackground-imageで指定した画像を、background-positionのプロパティと@keyframesでアニメーションさせていることがありますね。ということで、フォームの入力エリアに使ってみました。フォーカスが当たると「〜」のアニメーションが止まります。