記事一覧
スクロールで画像を拡大!Delighters.jsの使い方
スクロールすると特定の位置でクラスを付与して画像が拡大されるDelighters.jsの使い方を自分用にまとめてみました。
-完成DEMO-
HTML
<header id="header"> <section> <div class="header-sp"> <h1 class="site-logo"> <a href="#"><img src="https://dl.e
スクロールすると下線が表示されるヘッダーの作り方
スクロールすると下線が表示されるヘッダーの作り方を自分用にまとめてみました。
-完成DEMO-
HTML
<header id="header"> <section> <div class="header-sp"> <h1 class="site-logo"> <a href="#"><img src="https://dl.easyuploader.clou
スクロールすると高さが可変するヘッダーの作り方
スクロールすると高さが可変するヘッダーの作り方を自分用にまとめてみました。
-完成DEMO-
HTML
<header id="header"> <ul> <li>menu1</li> <li>menu2</li> <li>menu3</li> </ul> </header><div class="hero"> <img src="https://dl.easyup