ポップアップモーダル作成

このプロンプトは、重要な通知やフォームを表示するためのポップアップモーダルを作成します。モーダル内にテキスト、ボタン、フォームなどを自由に配置できるコードを生成します。

プロンプト

ポップアップモーダルのHTML、CSS、JavaScriptコードを作成してください。
- 表示トリガー：{トリガー}（例：ボタンクリック、ページ読み込み）
- モーダル内容：{内容}（例：テキスト、画像、フォーム）
- 配色：{配色}
- 閉じるボタンの有無：{有無}

プロンプトの使い方

利用例として、
「表示トリガー：ボタンクリック
モーダル内容：テキスト：キャンペーンのお知らせ、ボタン：今すぐ参加
配色：白と青
閉じるボタンの有無：あり」
と入力します。AIがこの情報を元にポップアップモーダルのコードを生成します。このコードをWEBサイトに追加し、動作確認を行ってください。