かわいくアニメーションするフォームのテキストボックスをスタイリング -『CSS』

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

かわいくアニメーションするフォームのテキストボックスをスタイリング

share

related