ChatGPT に送るプロンプトの文例
基本的な例文
CSSのアイデアを出してもらいましょう。
何回か試行をして、否定をしたり、追加の会話をしたりして、
条件を徐々に限定します。
何回か試行をして、否定をしたり、追加の会話をしたりして、
条件を徐々に限定します。
>
CSSの linear-gradient と、CSSのアニメーション効果を組み合わせて、DIV要素を書きます。
背景は、#779CE5と#3D4F66のグラデーションで、
時間的になめらかに色の勾配を変化させます。
先進的でかっこよく洗練されたイメージで、
ループはせず、最終的には #779CE5 の色をメインに使ってください。
HTML、CSSのコードは?
以下がHTMLとCSSのコードになります。
HTML:
<div class="gradient"></div>
CSS:
.gradient { width: 100%; height: 100vh; background: linear-gradient(to bottom, #779CE5, #3D4F66); animation: gradient-animation 5s ease-in-out forwards; } @keyframes gradient-animation { 0% { background: linear-gradient(to bottom, #779CE5, #3D4F66); } 50% { background: linear-gradient(to bottom, #3D4F66, #779CE5); } 100% { background: #779CE5; } }`
テーマ | デザイン・Web制作、 | タスク | コーディング、アイデア・ブレスト、、 | タグ | #コーディング、 |
動作環境の例 | OpenAI ChatGPT 3.5~ |
投稿・編集日 | 2023/04/01・2023/04/01 |
提案者 | まめたろう |
出典・参考 |
お気に入り機能は、ユーザー登録不要で使えます!お気に入り機能は登録不要で使えます
※PC・スマホのブラウザに記憶されます
ご提案を受付ています
サイトの拡充・改善に取り組んでいます。 よろしければ、感想やご提案などお気軽にどうぞ |
ご提案フォームを開く |
テーマの一覧
ビジネス
マーケティング・広告
デザイン・Web制作
技術・プログラミング
自己啓発・職業
暮らし・生活
語学の習得・翻訳
作品・エンタメ
食べ物・グルメ
旅行・レジャー
子育て・教育
ファッション・美容
健康・医療
社会・経済
スポーツ
生き方・哲学
学術・研究開発
家電・パソコン
趣味・ニュース・他