掌握聚合最新动态了解行业最新趋势
API接口,开发服务,免费咨询服务

2018年3月十大好玩的CODE PEN

Donut progress bar

在这个demo中, 进度条是由"辛普森家族"成员的图片组成的,每点击下箭头, 就会出现一张新的照片。


Energy 3

这个充满魔性的demo展示了很多射向不同方向的线条的运动轨迹以及颜色变化, 动画很炫, 动作很酷, 颜色也很抓眼球哦! animations, amazing movements and eye-catching colors.


Just an illusion

通过点击和拖动鼠标就就可以在这个demo里面绘制出一串小球体, 他们之后会围绕着Y轴旋转, 组成带有3D效果的图像。 你可以添加任意多的球体,发挥你的想象力吧!


Look Alive

这是一个使用WebGL和Threejs创建的人眼3D模型, 眼球可以跟随着你的鼠标箭头移动。 眼球的真实度很高, 同时阴影和光照效果也很棒!


Spiral Art maker

这个demo可以绘制一些有趣的辐射图形,呈现不同的动作。你可以修改线条个数, 步长、线宽、绘制速度以及其他属性。这就是个万花筒啊!


Live Screen Effect

这个demo展示了一个正在浏览codepen主站的笔记本,通过CSS matrix 3D 制作而成。 看起来这就像一个真正的网页, 你可以操作页面,页面滚动, 点击元素都没问题。


Tunnel

这个demo带你来一次穿越虚拟隧道的旅行,可以移动鼠标来四处观望哦!整个画面质量极高, 阴影和反射都很真实,不仅这样, 这个demo的性能也很棒, 没有卡顿!


Animated SVG Avatar

这个好玩的登录页面是有动态生成的SVG元素组成, 头像可以跟随者你输入信息移动,做出动画。当你输入email的时候, 它会看着你输入的内容, 而当你输入密码的时候,他就蒙住了眼镜,好萌啊!


3D flashing Moose

这个好玩的3D小人可以绕圈移动, 动作流畅自然,有动态的阴影和光效,动画很棒,关键是,这是一个纯CSS的demo啊!


Rabbit hit and hide game

打地鼠变成了打兔子游戏,看看你能得多少分吧!

原文来自:众成翻译

声明:所有来源为“聚合数据”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com

  • AI语音合成TTS API

    提供多种拟人音色,支持多语言及方言,并可在同一音色下输出多语言内容。系统可自适应语气,流畅处理复杂文本。

    提供多种拟人音色,支持多语言及方言,并可在同一音色下输出多语言内容。系统可自适应语气,流畅处理复杂文本。

  • Google Gemini Image API

    Nano Banana(gemini-2.5-flash-image 和 gemini-3-pro-image-preview图像模型)是图像生成与编辑的最佳选择,可集成 Nano Banana API,实现高速预览。

    Nano Banana(gemini-2.5-flash-image 和 gemini-3-pro-image-preview图像模型)是图像生成与编辑的最佳选择,可集成 Nano Banana API,实现高速预览。

  • AI视频创作

    支持通过自然语言文本智能生成高质量短视频。用户只需输入一段描述性文字,即可自动合成画面连贯、风格鲜明、配乐匹配的定制化视频内容。适用于短视频创作、广告预演、社交内容生成、游戏素材制作等场景,为开发者与创作者提供高效、灵活、富有想象力的视频生产新范式。

    支持通过自然语言文本智能生成高质量短视频。用户只需输入一段描述性文字,即可自动合成画面连贯、风格鲜明、配乐匹配的定制化视频内容。适用于短视频创作、广告预演、社交内容生成、游戏素材制作等场景,为开发者与创作者提供高效、灵活、富有想象力的视频生产新范式。

  • AI图像理解

    先进的图像理解和分析能力,它能够快速准确地解析和理解图像内容。无论是自然风景、城市建筑还是复杂的场景与活动,都能提供详细的描述和深入的分析。

    先进的图像理解和分析能力,它能够快速准确地解析和理解图像内容。无论是自然风景、城市建筑还是复杂的场景与活动,都能提供详细的描述和深入的分析。

  • AI图像编辑

    根据文本提示(prompt)和图片公网访问链接,编辑原图按照特定风格、场景和氛围感的输出新的图像。广泛应用于电商营销、广告设计、创意灵感等领域,为用户带来高效且个性化的AI图像创作体验。

    根据文本提示(prompt)和图片公网访问链接,编辑原图按照特定风格、场景和氛围感的输出新的图像。广泛应用于电商营销、广告设计、创意灵感等领域,为用户带来高效且个性化的AI图像创作体验。

0512-88869195
客服微信二维码

微信扫码,咨询客服

数 据 驱 动 未 来
Data Drives The Future