KOYO DIGITAL WORKSパーツギャラリー

閲覧推奨ブラウザ:Firefox最新、chrome最新

絞り込み

NEW画像のトリミングができる「object-fit」 幾何学的なアニメーションを作る「particles.js」 スクロール動作で画面いっぱいのページが切り替わる「FullPage.js」 スクロールテーブル タイプライター風表示 WebフォントUPWebフォント 特定の部分だけ印刷 背景にYouTube動画を表示する「jquery.mb.YTPlayer」 【JIS X 8341-3対応】一時停止ボタン付きのスライドショー 自動並び替えフォトギャラリー「JustifiedGallery」 マルチフィルタや検索ができる多機能ギャラリー「Filterizr」 セグメンテッド コントロール(表示形式の切り替え)セグメンテッド コントロール(表示形式の切り替え) tabタブ 高機能な写真ギャラリー「lightGallery」高機能な写真ギャラリー「lightGallery」 FlexboxFlexbox サイトに縦書きを取り入れようCSS3
  • グラデーション
  • シャドウ
  • ボタンデザイン
  • 矢印アイコン
  • 縦書き
  • アニメーション
軽量なアニメーションライブラリ「anime.js」NEW軽量なアニメーションライブラリ「anime.js」 ローディングアニメーションローディングアニメーション 特定のスクロール位置で表示を固定・解除特定のスクロール位置で表示を固定・解除 グラフを描画(Google Chart)グラフを描画(Google Chart) フリップコンテンツタッチデバイス対応のフリップコンテンツ グラフを描画グラフを描画 Animate.css フィルター・ソートができるコンテンツ スクロールアニメーションスクロールアニメーション ロールオーバー slideshownivoSlider slideshow横いっぱいのスライドショー slideshowウインドウに合わせて背景画像が伸びるスライドショー slideshowスマートフォンでスワイプできるスライドショー スマホで閲覧時に電話番号をリンク 解像度にあわせて画像変更 クリックでメガメニューを表示クリックでメガメニューを表示 ロールオーバーでメガメニューを表示ロールオーバーでメガメニューを表示 ロールオーバー&キーボード操作でメガメニューを表示ロールオーバー&キーボード操作でメガメニューを表示 ドラッグアンドドロップ オーバーレイオーバーレイ
(画像の拡大表示など)
  • lightbox
  • FancyBox
  • chocolat(レスポンシブ対応・フルスクリーン)
  • lightcase
  • 高機能な写真ギャラリー「lightGallery」
canvas フルスクリーンで表示 スクロールで画像の遅延読み込み(Lazy Load) スクロールで画像の遅延読み込み(inview) 動くチュートリアル SVGで画像を表示 自動並び替えフォトギャラリー ドロワー風ポップアップギャラリー JavaScript開閉コンテンツ ページ表示、遷移時にフェードイン・フェードアウト 文字サイズ変更文字サイズ変更
  • 3段階で拡大縮小
  • 制限なく拡大縮小
画像の拡大・縮小と移動画像の拡大・縮小と移動 左右にスワイプするコンテンツ左右にスワイプするコンテンツ 固定ヘッダー固定ヘッダー

おすすめコンテンツ

リッチな動きをWebサイトに パーツギャラリー デザインギャラリー
ページの先頭へ