GifproGifpro
Prompt LibraryAllProgrammingImage GenerationStable DiffusionVideo GenerationMusic GenerationDesign
Start with AIGeminiChatGPTClaudeDeepSeekCursorAntiGravity

! Animated Gradient Generator: @property Interactive Canvas

プログラミング
DeepSeek

CODE PREVIEW

P

Prompt

Create an interactive playground that lets users control CSS @property custom properties in real-time. Use a canvas with animated gradient circles, sliders for hue, saturation, lightness, and speed. Include a reset button. Use GSAP for smooth transitions and Swiper for a tutorial slider. All in one HTML file.

CSS @property カスタムプロパティをインタラクティブに操作。色相、彩度、明度、アニメーション速度を調整。グラデーションサークルがリアルタイムに変化。GSAPでスムーズな遷移、Swiperで簡単チュートリアル。

Prompt Overview

Explore CSS @property custom properties interactively. Adjust hue, saturation, lightness, and animation speed. The gradient circle responds in real-time. Built with GSAP for smooth transitions and Swiper for a quick tutorial.

Was this prompt helpful?

Comments

Comments appear after moderation

Homeヘルプ