HTML / CSS

ノートのような罫線をCSSのみで実装します。昔は線の画像を使っておりましたが、background-image: linear-gradientを駆使すれば表現することができます。

テキストを強調させる方法として太文字や下線はよく使われますが、実は他にも強調させるコードがたくさんあります。今回は11パターン紹介しますのでデザインに合わせてご利用ください。

写真の上にテキストをのせる際にフィルターをかけることでテキストの視認性を上げる効果があります。4パターン用意しましたのでデザインに合わせて利用してみてください。

カルーセルスライダーをCSSのみで実装する方法をご紹介します。jQueryは不要です。シンプルなものでよければCSSだけでも充分に機能します。