Webデザイン– category –
-
ハンバーガーメニュー：シンプル｜Hamburger Menu: Simple
メニュー1 メニュー2 メニュー3 HTML <div class="container"> <div class="hamburger-menu"> <div class="line"><... -
ダイアログボックス：グラスモーフィズム｜Dialog Box: Glassmorphism
GlassmorphismDialog Glassmorphism Dialog This dialog features a modern glassmorphism design with blur effects and transparency. It creates a sophisticated, l... -
ダイアログボックス：ダーク｜Dialog Box: Dark
Dark ThemeDialog Dark Theme Dialog × This dialog uses a dark color scheme with high contrast. Perfect for applications that support dark mode or prefer... -
ダイアログボックス：ネオン｜Dialog Box: Neon
NeonDialog Neon Dialog This dialog uses neon effects. It creates a glowing impression and evokes a cyberpunk atmosphere. OK HTML <div class="containe... -
ダイアログボックス：ボーダー｜Dialog Box: Border
Border-styleDialog Border-style Dialog This design effectively uses borders. It gives a simple yet sophisticated impression. Close HTML <div class="c... -
ダイアログボックス：グラデーション｜Dialog Box: Gradient
GradientDialog Gradient Dialog This dialog uses beautiful gradients. It's visually appealing and gives a modern impression. Close HTML <div class="co... -
ダイアログボックス：ミニマル｜Dialog Box: Minimal
MinimalDialog Minimal Dialog A simple and minimal design. It eliminates unnecessary decorations and allows you to focus on the content. Close HTML <div cl... -
ダイアログボックス：モダン｜Dialog Box: Modern
ModernDialog Modern Dialog × This is a modern design dialog box. The header and body are separated, with an X button in the top right corner. OK HTML &... -
ダイアログボックス：カード風｜Dialog Box: Card Style
Card-styleDialog 📋 Card-style Dialog This card-style design features an icon and title at the top. It takes a more visual approach. Close HTML <di... -
ダイアログボックス：シンプル｜Dialog Box: Simple
SimpleDialog Dialog Title This is a sample of a simple dialog box. It is based on the functionality and design of JavaScript's alert(). Close HTML <div cl... -
ポップアップウィンドウ：ネオン｜Pop-up Window: Neon
Neon Neon Popup A popup window with glowing neon light effects. HTML <div class="container"> <button id="popup-btn">Neon</... -
ポップアップウィンドウ：3D立体｜Pop-up Window: Three-Dimension
3D 3D Popup A three-dimensional popup window using 3D effects and perspective. HTML <div class="container"> <button id="popup-btn&quo... -
ポップアップウィンドウ：プレミアム｜Pop-up Window: Premium
Premium Premium Popup A popup window with a luxurious and premium design. HTML <div class="container"> <button id="popup-btn">... -
ポップアップウィンドウ：ふせん風｜Pop-up Window: Sticky Note
Sticky Note Sticky Note Popup A popup window with a sticky note-like appearance. HTML <div class="container"> <button id="popup-btn&q... -
ポップアップウィンドウ：ミニマル｜Pop-up Window: Minimal
Minimal Minimal Popup A simple and minimal design popup window. HTML <div class="container"> <button id="popup-btn">Minimal&l... -
ポップアップウィンドウ：マジカル｜Pop-up Window: Magical
Magical Magical Popup A popup window with magical compound animation effects. HTML <div class="container"> <button id="popup-btn"... -
ポップアップウィンドウ：グラデーション｜Pop-up Window: Gradient
Gradient Gradient Popup A popup window featuring beautiful gradient effects. HTML <div class="container"> <button id="popup-btn"... -
ポップアップウィンドウ：カード風｜Pop-up Window: Card Style
Card Style Card Style Popup A popup window with a card-like appearance design. HTML <div class="container"> <button id="popup-btn&quo... -
ポップアップウィンドウ：シンプル｜Pop-up Window: Simple
Simple Simple Popup A simple and user-friendly popup window design. HTML <div class="container"> <button id="popup-btn">Simpl... -
モーダルウィンドウ：ボーダー｜Modal Window: Border
Border Style Modal 【Border Style Modal】 A modal window with bold borders. Creates a strong and clear impression. Close HTML <div class="container&q...
