Observation records
项目档案
选择观测频段，查看不同类型的交互实验。
01视差滚动效果Parallax scrollingCSS3 · JavaScript · 视差滚动已完成
02全屏视频背景Fullscreen videoHTML5 Video · CSS3已完成
03滚动变换效果Scroll transformCSS3 Transform · JavaScript已跳过
04全屏覆盖响应式导航Responsive navigationCSS3 · JavaScript · 响应式设计已跳过
05加载条波浪动画Loading waveCSS Animation · Flexbox已完成
06社交媒体悬停导航Social navigationPseudo-elements · Transform · Font Awesome已完成
07图标悬停效果Icon hoverCSS Transform · Pseudo-elements已完成
08透明文字效果Transparent typemix-blend-mode · text-shadow · Background已完成
09悬停分裂图片Split image hoverTransform · Pseudo-elements · 3D Rotation略有瑕疵
10霓虹灯文字效果Neon typographytext-shadow · Filter · Blur · attr()已完成
11登录表单Login formCSS Float · Box-shadow · Form styling不太完善
12气泡背景动画Bubble fieldCSS Animation · Keyframes · Transform已完成
133D 模型展示页3D model showcaseSketchfab iframe · Responsive layout已完成
14波纹加载动画Ripple loaderCSS Animation · SVG · Ripple effect已完成
15星座连线 LoadingConstellation loaderCanvas 2D · JavaScript · Animation已完成
16目标光标效果Target cursorGSAP · JavaScript · mix-blend-mode已完成
17项目展示平台Project showcaseCSS Grid · Flexbox · FLIP Animation已完成
18灯塔光束效果Lighthouse beaconconic-gradient · CSS Animation已完成
19字体展示平台Type specimenGoogle Fonts · Modal · JavaScript已完成
20告示板Notice boardCSS Gradients · Google Fonts · Grid已完成
21方形变换 LoadingSquare transformCSS Animation · Keyframes · Transform已完成
22菜单过渡动画Menu transitionFont Awesome · CSS Transition · JavaScript已完成
23社交图标动画Social iconsFont Awesome · SVG · CSS Animation已完成
24方形路径加载动画Square path loaderCSS Animation · Keyframes · Transform已完成
25星空宇宙背景Starry cosmosCanvas · Particle System · Gradient已完成
26图片无限滑动Infinite photo scrollGSAP · JavaScript · 无限滚动已完成
该观测频段暂无记录。