Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for ocean backgrounds, underwater distortion, beach scenes, ripple effects, liquid glass, and water-themed UI. Activate on "ocean wave", "water effect", "SVG water", "ripple animation", "underwater distortion", "liquid glass", "wave animation", "feTurbulence water", "beach waves", "sea foam". NOT for 3D ocean simulation (use WebGL/Three.js), video water effects (use video editing), physics-based fluid simulation (use canvas/WebGL), or simple gradient backgrounds without wave motion.
Creates realistic ocean and water wave effects for web using SVG filters (feTurbulence, feDisplacementMap), CSS animations, and layering techniques. Use for ocean backgrounds, underwater distortion, beach scenes, ripple effects, liquid glass, and water-themed UI. Activate on "ocean wave", "water effect", "SVG water", "ripple animation", "underwater distortion", "liquid glass", "wave animation", "feTurbulence water", "beach waves", "sea foam". NOT for 3D ocean simulation (use WebGL/Three.js), video water effects (use video editing), physics-based fluid simulation (use canvas/WebGL), or simple gradient backgrounds without wave motion.
使用 SVG 过滤器（feTurbulence、feDisplacementMap）、CSS 动画和分层技术在网页中创建逼真的海洋与水波效果。适用于海洋背景、水下折射/扭曲、海滩场景、涟漪效果、液态玻璃界面以及水主题的用户界面。触发关键词："海浪"、"水效"、"SVG 水"、"涟漪动画"、"水下扭曲"、"液态玻璃"、"波浪动画"、"feTurbulence 水效"、"海滩波浪"、"海浪泡沫"。不适用于 3D 海洋模拟（请使用 WebGL/Three.js）、视频水效（请使用视频编辑）、基于物理的流体模拟（请使用 canvas/WebGL），或没有波动的简单渐变背景。
Category: other · Author: curiositech · Version: @main · License: MIT
Tags: svg, css, animation, water, ocean, visual-effects, web
该 Skill 暂无文档文件。