今回は、JavaScriptライブラリ「Swiper」とCSSを使用し、背景画像をズームしながらふわっと切り替えるスライドショーを作成したいと思います。 まずは実装デモがこちら。 デモ内［Result］の［Run Pen］をクリックしてください。 See the Pen Untitled by 林 (@hayashi-akina) on CodePen.

以前、［text-overflow］を使用して文章を省略する方法を書きましたが、この場合ですと、一行のみで行数を指定して省略することはできません。 行数を指定したい場合は、CSSの［line-clamp］が便利です。 line-clampとは ［line-clamp］は、文章を指定した行数に制限することができるプロパティになります。 また、［line-clamp］は拡張機能を実装するベ

スムーズスクロールとは、サイトをタップするだけでアンカーを付けた箇所に画面が滑らかに移動する動きの事です。 今回はJavaScriptを使用せず、下記のCSSを書くだけでスムーズスクロールを実装する事が出来ます。 html{  scroll-behavior: smooth; } ランディングページのナビメニューを設定する際に、便利です。 注意： モーダルウィンドウ