記事一覧
-
ハンバーガーメニュー：モダン（オーバーレイ）｜Hamburger Menu: Modern Overlay
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: Simple Overlay
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"&... -
ポップアップウィンドウ：折り紙｜Pop-up Window: Origami
Origami Origami Popup A geometric popup inspired by origami paper folding. HTML <div class="container"> <div id="popup-container"... -
ポップアップウィンドウ：インフォメーション｜Pop-up Window: Information
Information Information Popup An information display popup with a clean and modern design. HTML <div class="container"> <div id="popu... -
ポップアップウィンドウ：角に折れ目｜Pop-up Window: Paper Fold
Paper Fold Paper Fold Popup A popup with a three-dimensional design like folded paper. HTML <div class="container"> <div id="popup-co... -
順列・組合せの計算と一覧生成ツール｜Combination Calculator
このツールは …回 使われています。 要素入力 空行は無視されます。前後の空白は自動で削除されます。 生成モード： 組み合わせ 順列 取得する要素数： 重複処理： 重複... -
モーダルウィンドウ：テックサーキット｜Modal Window: Tech Circuit
Tech Circuit Modal [Tech Circuit Modal] A high-tech modal window with circuit board patterns and digital effects. Features animated circuit lines and glowing... -
モーダルウィンドウ：マテリアルデザイン｜Modal Window: Material Design
Material Design Modal [Material Design Modal] A Google Material Design inspired modal window with elevation, shadows, and smooth animations. Features clean t... -
モーダルウィンドウ：ホログラフィック｜Modal Window: Holographic
Holographic Modal [Holographic Modal] A futuristic holographic modal window with rainbow reflections and prismatic effects. Features iridescent colors that s... -
アコーディオン：ネイチャー｜Accordion: Nature
Nature Accordion Natural wood grain texture Organic color palette Leaf-inspired patterns Eco-friendly appearance Warm and charming design HTML <div class=... -
アコーディオン：FAQ形式｜Accordion: FAQ Style
Q: What is this accordion? A: This is a simple Q&A style accordion that adopts clean Material Design principles. It displays questions as buttons and provide... -
アコーディオン：ホログラフィック｜Accordion: Holographic
Holographic Accordion Rainbow holographic effects Iridescent color shifts 3D depth perception Futuristic appearance Eye-catching design HTML <div class=&q... -
タブメニュー：メタリック｜Tab Menu: Metallic
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... -
タブメニュー：丸ホバーエフェクト｜Tab Menu: Circle Hover Effect
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... -
タブメニュー：丸ボタン｜Tab Menu: Circle 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... -
ダイアログボックス：テクノロジー｜Dialog Box: Tech Futuristic
Tech FuturisticDialog ⚡ Tech Futuristic Dialog This dialog embodies cutting-edge technology with circuit patterns, neon accents, and advanced UI eleme... -
ダイアログボックス：ネイチャー｜Dialog Box: Nature
Nature-inspiredDialog 🌿 Nature-inspired Dialog This dialog draws inspiration from natural elements with organic shapes, earthy colors, and botanical ... -
ダイアログボックス：ホログラフィック｜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...
