CSS
2021年05月24日 8:00
こんにちは！社員Kです。
本日は、2つのアイコンを選択してアニメーションさせるCSSを簡単に生成できるサイト「CSS ICON」のご紹介です。
まずは、下記のサイトにアクセス
https://cssicon.space/#/animate
そしてアイコンを2つ選択します。
例えば、よくあるメニューアイコンの三本線アイコンから×マークの閉じるアイコンのアニメーションを作りたい場合なら、下記のように選択します。
下記のようにCSSが生成されます。
CSSをコピーしてサイトで使用することができます。
関連記事
この記事を書いた人
社員K
福岡でWebプログラマー・フロントエンドエンジニアとして10年目。まだまだ勉強することが沢山あるなぁと最近良く思います。日本語には自信があります。すぐに効くダイエット情報募集中！
WEB制作に関することなら
株式会社ユニバースへ！
ホームページデザイン、ECサイトデザインなどWEB制作に関して24時間WEBフォームよりお問い合わせを受け付けています！
運用に関するお悩みなどもお気軽にご相談ください！
運営会社 株式会社ユニバース
福岡・博多のWEB制作会社 株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。
モダンなCSSに触れてみよう
2024年12月02日
AIを利用して簡単に画像を生成してみる
2024年05月29日
【Photoshop】生成した影を合成しておしゃれな画像に！Photoshopの生成塗りつぶし活用術
2024年04月22日
最新CSSで実装の幅がアップ！”今”使えるCSS！
2024年03月20日
最近よく聞くノーコードとは？WEB制作での活用方法とメリット・デメリットを紹介
2024年02月19日
AIで記事のライティングを行う方法をご紹介
2024年01月17日
