Webデザイン– category –
-
ダイアログボックス：ホログラフィック｜Dialog Box: Holographic
HolographicDialog 🌟 Holographic Dialog This dialog features a futuristic holographic design with iridescent effects, transparency layers, and sci-fi ... -
ポップアップウィンドウ：ネイチャー｜Pop-up Window: Nature
Nature Nature Popup 自然をテーマにしたオーガニックなポップアップウィンドウです。 HTML <div class="container"> <button id="popup-btn&q... -
ポップアップウィンドウ：サイバーパンク｜Pop-up Window: Cyberpunk
Cyberpunk Cyberpunk Popup サイバーパンク風の未来感あふれるポップアップウィンドウです。 HTML <div class="container"> <button id="popup... -
ポップアップウィンドウ：ホログラフィック｜Pop-up Window: Holographic
Holographic Holographic Popup ホログラム風の未来感あふれるポップアップウィンドウです。 HTML <div class="container"> <button id="popup... -
モーダルウィンドウ：ウォーターカラー｜Modal Window: Water Color
Watercolor Modal Close [Watercolor Modal] A modal window with soft watercolor effects and flowing color transitions. Features artistic brush strokes and gent... -
モーダルウィンドウ：ジオメトリック｜Modal Window: Geometric
Geometric Pattern Modal Close [Geometric Pattern Modal] A modal window featuring bold geometric patterns and sharp angles. Creates a modern, architectural ae... -
モーダルウィンドウ：ネイチャー｜Modal Window: Nature
Nature Inspired Modal Close [Nature Inspired Modal] A modal window inspired by natural elements with organic shapes and earthy colors. Features leaf-like pat... -
タブメニュー：スライドボタン｜Tab Menu: Slide Button
Tab 1 Tab 2 Tab 3 Good morning. This is the content of Tab 1. Hello. This is the content of Tab 2. Good evening. This is the content of Tab 3. HTML <div c... -
アコーディオン：シンプルラインズ｜Accordion: Simple Lines
Top Bottom Border Simple Accordion Simple design with top and bottom borders Clean and organized appearance Plus/minus icon on the right Perfect for structur... -
アコーディオン：シンプルプラス｜Accordion: Simple Plus
Borderless Simple Accordion Clean borderless design Simple plus/minus icon Minimal and elegant Perfect for clean layouts No visual clutter HTML <div class... -
アコーディオン：シンプルライン｜Accordion: Simple Line
Single Line Accordion Single line with centered text design Minimal and clean appearance Centered text with decorative lines Simple and elegant Perfect for m... -
ハンバーガーメニュー：パステルカラー（カスケード・サイド）｜Hamburger Menu: Pastel Colors Cascade Side
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：パステルカラー（カスケード）｜Hamburger Menu: Pastel Colors Cascade
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：3D立体（カスケード・サイド）｜Hamburger Menu: Three-Dimension Cascade Side
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：3D立体（カスケード）｜Hamburger Menu: Three-Dimension Cascade
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：グラスモーフィズム（カスケード・サイド）｜Hamburger Menu: Glassmorphism Cascade Side
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：グラスモーフィズム（カスケード）｜Hamburger Menu: Glassmorphism Cascade
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：ネオン（カスケード・サイド）｜Hamburger Menu: Neon Cascade Side
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：ネオン（カスケード）｜Hamburger Menu: Neon Cascade
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&... -
ハンバーガーメニュー：ボーダー（カスケード・サイド）｜Hamburger Menu: Border Cascade Side
Menu 1 Menu 2 Menu 3 Menu 4 Menu 5 Menu 6 Menu 7 Menu 8 Menu 9 Menu 10 HTML <div class="container"> <div class="hamburger-menu"&...
