Codepen 每日精选（2018-4-25）

最新推荐文章于 2021-06-03 20:15:40 发布
转载 最新推荐文章于 2021-06-03 20:15:40 发布 · 112 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://segmentfault.com/a/1190000014576356

本文集合了一系列富有创意的代码Pen项目，包括彩色字母动画、激光刻字效果、黑白棋游戏等，展示了不同类型的Web动画及互动体验。

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。

彩色字母入场出场动画
https://codepen.io/yemon/full...

激光刻字、挖字效果
https://codepen.io/PointC/ful...

黑白棋游戏
https://codepen.io/qwertyquer...

随机生成迷宫图案
https://codepen.io/phil_broad...

3d 打砖块交互效果
https://codepen.io/Starglider...

花盆主题的值选择器
https://codepen.io/chrisganno...

用 svg 画的啤酒杯
https://codepen.io/VisualAngl...

纯 css 写的摆手动画
https://codepen.io/KPCodes/fu...

图片切换效果
https://codepen.io/Manoylov/f...

像素画的视差滚动效果
https://codepen.io/derossi_s/...

纯 css 画的海报
https://codepen.io/amberweinb...

nasa-image-of-the-day:使用NASA每日天文图片API按日期显示太空照片
05-13
NASA的当日形象 使用NASA每日天文图片API按日期显示太空照片。 工作CodePen： ://codepen.io/captainpainway/full/gaOpYV/ API链接： ：
前端每日挑战：截至2020年10月，已完成170多项作品，每天挑战自我！
02-04
前端每日挑战 参见Codepen上的演示： ://codepen.io/comehop​​e/pens/public/ 观看Scrimba上的交互式截屏视频： ://scrimba.com/playlist/pEgDAM 在Segmentfault（zh-cn）上阅读带注释的源代码： ://...
Codepen 每日精选（2018-4-19）
weixin_33805743的博客
04-19 230
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的创意灯泡动画https://codepen.io/uzcho_/ful... 纯 css 画的文字阴影https://codepen.io/GeorgePark... 纯 css 画的海报https://codepen.io/vicbergqui.....
html设计作品代码,CodePen上最受欢迎的24个HTML5+CSS3代码片段
weixin_39754831的博客
06-03 364
CodePen是一个网站前端设计开发平台，是一个针对网站前端代码设计的开发工具，提供多种效果的网站前端代码设计工具和丰富的案例特效代码。用户可以在各种现成的demo基础上Fork后开发自己的前端设计，也可以把你的Demo设计分享给其他人。之前我就发过CodePen上的效果代码，今天再为大家精选了CodePen上最受欢迎的24个HTML5+CSS3代码片段。都是一些前端的设计，有些特效非常漂亮炫酷，...
Codepen 每日精选（2018-4-4）
weixin_33835690的博客
04-04 105
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 画的扫雷游戏界面https://codepen.io/alejuss/fu... 线条简单的小货车行进的动画https://codepen.io/chrisganno... 炉石传说人物展示效果https://codepen.io/aleksandar....
2018年3月十大好玩的CODE PEN
前端大全
03-05 1002
（点击上方公众号，可快速关注）英文：tutorialzine  译文：众成翻译/betseyliuhttp://zcfy.cc/article/10-amazing-codepen-demos-for-march-2018WEB开发社区总是不乏天才型的程序员、设计师和艺术家，正是由于他们不断推陈出新， 引领着WEB的发展。在codepen上，每天都有数以百计的优秀作品诞生。这篇文章中， 我们将回顾
Codepen 每日精选（2018-4-26）
weixin_34090643的博客
04-26 112
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的滑块控件https://codepen.io/thebabydin... 用 canvas 写的蜂巢动画https://codepen.io/towc/pen/z... 用 canvas 写的彗星风格的拖尾动画https://codepen.io/t...
Codepen 每日精选（2018-4-15）
weixin_33949359的博客
04-15 126
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 跟随鼠标轨迹的琉璃珠https://codepen.io/enxaneta/f... 随机生成城市 3d 地图https://codepen.io/nicoptere/... 与鼠标交互的灯泡https://codepen.io/DollarAksh... 选择汉堡...
Codepen 每日精选（2018-4-1）
weixin_34007886的博客
04-01 190
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 粒子文字生成器https://codepen.io/Gthibaud/f... 纯 css 画的小猫和小狗用电脑聊天的动画https://codepen.io/clarawrson... 纯 css 画的老式自行车https://codepen.io/Sarah_E...
Codepen 每日精选（2018-4-3）
weixin_34097242的博客
04-03 162
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的卫星围绕行星的动画https://codepen.io/YusukeNaka... 文字变汽车的动画https://codepen.io/PointC/ful... 用 vanvas 随机画的抽象几何图案https://codepen.io/ge1d...
cookie-stand:一个代码合作伙伴临时项目
04-30
修改了专为Pat's设计的销售图表，以预测新Harold产品ABC cookie的每日销售量。 我学到的是 我开始学习如何使用JavaScript动态填充html，如何创建对象文字和对象构造函数（首选），并开始练习使用FOR LOOPS。 我还...
使用纯 CSS 创作一个脉动 loader效果的
01-19
效果预览 ... https://codepen.io/comehope/pen/wYvGwr...每日前端实战系列的全部源代码请从 github 下载： https://github.com/comehope/front-end-daily-challenges 代码解读 定义 dom，容器中包含 10 个子元素：
每日前端大厂面试题解析与技巧
- **动手实践**：通过项目实践和在线编码平台（如LeetCode、CodePen、CodeSandbox）动手编码，加深对知识点的理解。 - **阅读源码**：通过阅读优秀的开源项目源码来学习高质量的编码实践和架构设计。 - **参考书籍和...
根据虹软实现的 人脸检测、追踪、识别、年龄检测、性别检测 的JAVA解决方案
09-11
打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/vxfyv (最新版、最全版本)根据虹软实现的 人脸检测、追踪、识别、年龄检测、性别检测 的JAVA解决方案
matlab YALMIP、GLPK安装资源
09-11
matlab的YALMIP、GLPK安装包，内置YALMIP、GLPK，直接将分别其添加到matlab的toolbox、路径中即可（matlab主页-设置路径-添加并包含子文件夹-YALMIP；matlab主页-设置路径-添加文件夹-github_repo）
【scratch3.0少儿编程-游戏原型-动画-项目源码】打砖块.zip
09-11
资源说明： 1：本资料仅用作交流学习参考，请切勿用于商业用途。 2：一套精品实用scratch3.0少儿编程游戏、动画源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！ 更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041
使用 OpenCV 技术实现人脸检测的方法与过程
09-11
打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/o7o7f 运用 OpenCV 这一计算机视觉库来开展人脸检测相关的操作
随你记微信小程序_专为学生群体设计的便捷收支管理工具_提供快速记录日常开销与收入的功能_支持多维度数据可视化分析_帮助用户清晰掌握个人财务状况_培养理性消费习惯_无需下载安装即用即.zip
最新发布
09-11
随你记微信小程序_专为学生群体设计的便捷收支管理工具_提供快速记录日常开销与收入的功能_支持多维度数据可视化分析_帮助用户清晰掌握个人财务状况_培养理性消费习惯_无需下载安装即用即.zip
一个基于PyQt5的实时人脸识别系统，使用MTCNN进行人脸检测和FaceNet进行人脸特征提取，支持人脸注册、识别和管理功能
09-11
打开下面链接，直接免费下载资源： https://renmaiwang.cn/s/2u8a8 (最新版、最全版本)一个基于PyQt5的实时人脸识别系统，使用MTCNN进行人脸检测和FaceNet进行人脸特征提取，支持人脸注册、识别和管理功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值