CSSで画像付きのチャット風吹き出しを作る方法 更新日:2024年10月4日 公開日:2024年5月26日 CSS・Javascript ワードプレスでは、会話形式の吹出しを作ることができるプラグインが用意されていたり、日本で販売されているテーマの多くは、標準で装備されていることも多いです。 例えば、これらの吹出しデザインは、賢威の標準機能です。 しかし、 […] 続きを読む
2つの矢印が繰り返し動くアニメーションをCSSで作ってみた 更新日:2024年10月4日 公開日:2024年5月22日 CSS・Javascript 前回、Photoshopを使って、このようなGIFアニメーションの矢印を作りました。 今回は、2つの矢印が繰り返し動くアニメーションをCSSで作ってみました。 繰り返し動く矢印アニメーションのCSS 繰り返し動く矢印アニ […] 続きを読む
WEBサイトの背景色を方眼ノートのようにするCSS 更新日:2024年7月2日 公開日:2024年4月13日 CSS・Javascript WEBサイトの背景色は、「白(#FFFFFF)」「薄灰色 (#F5F5F5)」「ダーク(#121212)」などが多いのではないでしょうか? 単色だと、どうしても”のっぺり”とした印象を感じるので、 […] 続きを読む
CSSを使ってバナー画像にアニメーションを入れてみた 更新日:2024年7月2日 公開日:2024年4月1日 CSS・Javascript 通常、バナー画像に、マウスカーソルを上に持っていくと、画像が少し透明になる処理がされることが多いと思います。 /* リンク画像を透過する */ a img:hover { opacity:0.7; } 通常、ボタンや画像 […] 続きを読む