标签合集
44 个同时带有「ocean sky」标签的动画资源 —— 每个都有实时预览、可复制的 HTML/CSS/JS 源码和一条现成的 AI Prompt。
相关标签 —— 点击可组合筛选
A radar scope with a rotating conic sweep, pulse rings and blinking contacts. Rendered in the Ocean Sky palette.
Tabs with a gradient pill indicator that slides and resizes to the active tab, content cross-fading. Rendered in the Ocean Sky palette.
A chat mock: user bubble lands, three-dot typing indicator breathes, then the AI answer types itself in. Rendered in the Ocean Sky palette.
A complete Wavestream landing page (nav, hero, features, CTA, footer) rendered in the Aurora Glass style. Dark UI with drifting aurora glows, frosted glass cards and a gradient headline.
A complete Inkflow AI landing page (nav, hero, features, CTA, footer) rendered in the Neon Grid style. Synthwave night: scanlines, glowing outlines and a perspective grid horizon.
The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Ocean Sky palette.
Fire success, info and warning toasts that slide in, stack up and auto-dismiss with a timer bar. Rendered in the Ocean Sky palette.
A FAQ accordion with buttery height animation using the grid-rows trick and rotated chevrons. Rendered in the Ocean Sky palette.
A text field with a floating label and a gradient focus ring that breathes. Rendered in the Ocean Sky palette.
A seamless infinite marquee of brand chips that slows on hover — duplicated for the loop. Rendered in the Ocean Sky palette.
A calming zero-state: drifting gradient orb with dashed orbit ring, empty copy and a soft CTA. Rendered in the Ocean Sky palette.
A gradient call-to-action button with a breathing neon glow ring and a sliding arrow on hover. Rendered in the Ocean Sky palette.
A cinematic progress strip: three captions scrub across in sequence with a page-progress bar — like scroll, hands-free. Rendered in the Ocean Sky palette.
Five gradient bars pumping like an audio equalizer with staggered scaleY animation. Rendered in the Ocean Sky palette.
A typewriter that types, holds and deletes a loop of phrases with a glowing caret. Rendered in the Ocean Sky palette.
A wall of cells that light up and swell around your cursor like a tactile light panel. Rendered in the Ocean Sky palette.
Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Ocean Sky palette.
Four gradient dots bouncing in a staggered wave — the classic chat-typing energy. Rendered in the Ocean Sky palette.
A frosted-glass pricing card with a popular ribbon, feature checklist and gradient CTA. Rendered in the Ocean Sky palette.
A floating glass navigation pill with a hover indicator that glides between links. Rendered in the Ocean Sky palette.
Glassy storefront card: gradient artwork, size chips, price, and an add-to-cart that snaps to ✓ Added. Rendered in the Ocean Sky palette.
A scroll-snap card carousel with arrow controls and live pagination dots. Rendered in the Ocean Sky palette.
A stream of team events slides in one by one with avatar rings, relative timestamps and a live glow dot. Rendered in the Ocean Sky palette.
A Tinder-style card stack: drag, rotate and fling cards with LIKE/NOPE stamps; the deck refills when empty. Rendered in the Ocean Sky palette.
A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ocean Sky palette.
An outlined ghost button whose label is swept by a skewed gradient fill on hover. Rendered in the Ocean Sky palette.
Click anywhere and a fountain of palette-colored confetti erupts from the pointer. Rendered in the Ocean Sky palette.
A two-step product tour: dimmed veil with a glowing cutout ring snaps to each target, tooltip advances. Rendered in the Ocean Sky palette.
An analytics stat card whose headline number rolls up on load beside a tiny SVG sparkline. Rendered in the Ocean Sky palette.
Headline letters rise from a blurred mask one by one — click to replay. Rendered in the Ocean Sky palette.
A creator profile card: gradient avatar ring, stats row and a follow button that toggles. Rendered in the Ocean Sky palette.
Drifting particles that link into a living constellation web, attracted to your cursor. Rendered in the Ocean Sky palette.
Material-style ink ripples that bloom from the exact click point of each button. Rendered in the Ocean Sky palette.
A checkbox whose checkmark is stroke-drawn with a dash animation when ticked. Rendered in the Ocean Sky palette.
A complete Lumina Store landing page (nav, hero, features, CTA, footer) rendered in the Neo Brutal style. Neo-brutalism: thick ink borders, hard offset shadows and loud flat color.
Six-box verification code field: auto-advance, paste-to-fill, shake on wrong code, glow on success. Rendered in the Ocean Sky palette.
Oversized blurred gradient blobs that drift and breathe behind any content. Rendered in the Ocean Sky palette.
Analytics KPI tile: pulsing status dot, counting number, delta chip and a live-updating sparkline. Rendered in the Ocean Sky palette.
Signup fields validate as you type: green check borders, rule hints, shake on bad submit, success flare. Rendered in the Ocean Sky palette.
A subtle button that pops a spring-animated tooltip bubble into view on hover. Rendered in the Ocean Sky palette.
A gradient conic ring spinner masked into a clean arc — no SVG, one element. Rendered in the Ocean Sky palette.
A gradient progress bar with animated candy stripes and a rolling percentage counter. Rendered in the Ocean Sky palette.
A donut chart whose arcs draw themselves on load; hovering a legend row lifts the matching slice. Rendered in the Ocean Sky palette.
Words resolve from a stream of random glyphs — the classic hacker decode effect. Rendered in the Ocean Sky palette.