spiqa logo

コーディング

【jQuery】スクロールで不透明になる背景を実装する方法

2019.04.09 Tue. コーディング

今回はスクロール値に連動して透明から不透明になる背景を実装する方法をご紹介します。

 

手軽に最近っぽい演出効果を得られるので、アーティスティックなサイトに仕上げたり、

シンプルなページでも、これを実装するだけで他のサイトとはちょっと違った味を出せるのも魅力です。

 

 

◆◇デモページ◇◆

 

 

 

コードは下記です。クラス名や不透明度の調整などはアレンジしてくださいね♪

 

 

HTML

 

 

css

 

 

js

 

手順は以上です。

 

是非ご活用ください!

最新記事

もっと見る≫

カテゴリー

spiqa logo

スピカ

ホームページ制作、LP制作、広告運用はお任せください。
ロゴや名刺などのデザイン制作、また店舗販促物などもお作りします。
お客様の立場、ユーザーの立場の両方に立ち+αの価値を提供し続けます。

制作のご相談はこちらから