押すと光がはじけるボタンをご紹介します！【コードスニペット】
- 2023.01.25
今回は押すとすごく派手なアニメーションで楽しいボタンをご紹介します！押す度に鮮やかな光がはじけて、賑やかにしたいサイトなどにはぴったりのボタンです！ぜひ試してみてください！
【デモあり】bxSliderにプログレスバーを設定する方法
- 2023.01.23
今回はjQueryプラグイン[bxSlider]でスライダーを作成し、それにプログレスバーを設定していきます。 bxSliderとは bxSliderの特徴は簡単に設置が可能なこと、レスポンシブ表示に標準で対応していること、オプションが豊富でカスタマイズしやすいこと等です。 bxSliderを使用するにはjQueryが必要にはなりますが、jQueryの利用方法もこの記事で紹介しているので、もし利用 […]
【Modaal+Swiper】モーダルの中にスライダーを実装する方法
- 2023.01.17
今回はModaalとSwiperを合わせて使用して、モーダルウィンドウ上にスライダーを表示できるようにします。 このデモでモーダルウィンドウを開くと、その中にスライダーが設置されているのが分かると思います
背景色が時間と共に変化していくコードスニペットをご紹介！
- 2023.01.15
今回はグラデーションで色鮮やかな背景が、時間の経過で変化していくコードスニペットをご紹介します！ See the Pen Gradient background with waves by Bárbara Rodríguez (@baarbaracrr) on CodePen. このように段々と変化していくので、幻想的な雰囲気を出したいサイトにぴったりですね！ぜひ試してみて下さい！
Swiperにプログレスバーを設定する方法【実装例あり】
- 2023.01.13
今回はSwiperで作成したスライダーに、プログレスバーを設置してみたいと思います。 Swiperとは まずSwiperの特徴を簡単にご紹介します。Swiperはスライダーが簡単に実装できるJavaScriptのライブラリです。 SwiperはjQueryを必要としないので、jQueryが要件として使えない場合でも、問題なく使用できます。更にオプションも豊富で、使用者も多いため検索しても様々な使用 […]
ホバー時に文字がアニメーションするコードスニペット！
- 2023.01.11
今回はホバー時に文字が面白い動きをするコードスニペットをご紹介します！ 3種類のいずれも愉快な動きをしますね！
スライダーからモーダルを起動させる方法【Swiper+Modaal】
- 2023.01.10
今回はSwiperとModaalを合わせて使用して、スライダーからモーダルをウィンドウを表示できるようにします。 下に置いてあるデモではスライダーの画像をクリックすると、モーダルウィンドウが表示されるようになっています。
