CSS– category –
-
多彩なアニメーションがクラス名を付与するだけで簡単に実装できるanimate.css
今回はサイト制作でアニメーションを実装する際に、簡単なCSSアニメーションならすぐ実装できるCSSのライブラリがあったので共有します。 Animate.cssというライブラリですが、クラス名を付与するだけで驚くほど簡単にアニメーションを実装できました。 恥... -
マウスをホバーすると色が変わる地図(クリッカブルマップ)の簡単な作り方
日本地図などでよく使われる特定のエリアにマウスカーソルを合わせると色が変わったり、リンクを設定できるクリッカブルマップ。 こんなやつです。(PC推奨) 頻繁に使うことはないと思いますが、複雑な形状のリンクを設置できるので、覚えるとサイト制作... -
ローディングアニメーションをSVGでつくってみた。
仕事でサイトのローディングアニメーションを新しく作る必要があったので、SVGアニメーションに挑戦してみました。 ちなみにSVGアニメーションはこんなやつです。 See the Pen svg animation by yozacchi (@temitarz) on CodePen. gifや動画などと違い、ベ... -
スマホだけ改行したい、スマホとPCで表示する画像を変えたい時に使えるCSS
どうも、よざっちです。 レスポンシブなサイトを制作する中で、 PCとスマホで違う画像を表示したいPCでは表示したいけど、スマホの時には非表示にしたい という時がありませんか? 非表示にしたりPCとスマホで画像を切り替えたりする時にそれぞれのクラス...
1