ショーケース

技術の深掘りと検証の過程で取り組んだ自主制作を動画でまとめています。
アニメーション実装やWordPress対応など、スキル確認の参考になれば幸いです。

  • 背景のサイズが変化するゴーストボタン

  • ホバーで四角に変化するソフトな球体

  • 斜めの境界からシュッと現れる画像

  • インタラクティブな円グラフ

  • ぷかぷか浮かぶタイル

  • 伸びては消えるスラッシュ

  • シンプルなカウントアップ演出

  • モザイク解除アニメーション

  • 文字がランダムに原文に変化

  • 画像が移動してスライダー起動

  • スロットのように切り替わる年号

  • 時計の針の始動アニメーション

  • スクロール量とシンクロするスライダー

  • 波形に変形するハンバーガーボタン

  • クリップ演出でパネル切り替え

  • ホバーでスポットライトが当たるリンク

  • カードでめくるギャラリー

  • ブラインドが閉じるように消える画像

  • 下段のみが追従するヘッダー

  • カーソルに引き寄せるられるボタン

  • ぼかした円の輪郭で画像をリビール

  • HTML/CSSで作るキーボード

  • 損益計算書風・構成比付き内訳表

  • ライト/ダークモード切り替えボタン

  • 曲線トレース

  • ホバーで立体的に傾くカード

  • 波型マスクのカルーセル

  • クリックで拡大するパネル

  • フォーム確認画面の自作

  • ラインが伸びるセクション

  • 3段階の文字サイズ切り替えボタン

  • 左からテキストが重なって表示

  • スクロールで全画面に画像拡大

  • スクロールで速度が変わるスライダー

  • 背景が追従するタブUI

  • X風の無限スクロール

  • 外周のラインが伸びる角丸ボタン

  • スティッキーなセクション

  • スクロールで要素が奥行きを持って重なる

  • スクロール方向に応じたUI切り替え

  • テキストとロゴのローディング

コーディングや
WordPress実装の
ご相談を承っています。

新規制作から運用フェーズの修正まで柔軟に対応します。
お見積りや実装可否の確認など、お気軽にご連絡ください。

お問い合わせはこちら