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

最新推荐文章于 2018-04-26 00:25:02 发布
最新推荐文章于 2018-04-26 00:25:02 发布
阅读量94 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：https://segmentfault.com/a/1190000014196125
本文精选了一系列使用纯CSS实现的创意动画案例，包括自行车、家具安装图、星座图等，展示了CSS的强大表现力。

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

纯 css 画的自行车
https://codepen.io/elorenn/fu...

纯 css 画的家具安装图
https://codepen.io/nickawalsh...

视觉焦点持续深入的动画效果
https://codepen.io/GreenSock/...

十二星座星象图
https://codepen.io/sinthetyc/...

3d 立方体图片切换效果
https://codepen.io/GeorgePark...

跟随鼠标的旋风动画效果
https://codepen.io/jaskiranch...

创意时钟动画
https://codepen.io/chandrashe...

纯 css 排版的艺术名片
https://codepen.io/Elwend/ful...

曲线背景效果
https://codepen.io/al-ro/full...

纯 css 写的用小刀开启信封的效果
https://codepen.io/Elwend/ful...

纯 css 写的递归打开的盒子
https://codepen.io/jkantner/f...

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-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...
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.....
Codepen 每日精选（2018-4-16）
weixin_34409822的博客
04-16 120
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 内容切换的交互效果https://codepen.io/jcoulterde... 报价卡片的交互效果https://codepen.io/jcoulterde... 3d 菜单交互效果https://codepen.io/jcoulterde... 无尽的隧道ht...
Codepen 每日精选（2018-4-9）
weixin_34417200的博客
04-09 221
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 前端工程师的技能树https://codepen.io/SoyEva/ful... 纯 css 写的咖啡机动画https://codepen.io/jenningscr... 从各种视角观察纸盒的交互动画https://codepen.io/dabalose7e.....
Codepen 每日精选（2018-4-18）
weixin_34376562的博客
04-18 148
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 图片入场的的粒子效果https://codepen.io/jcoulterde... 制作蛋糕的交互动画https://codepen.io/jcoulterde... 纯 css 写的立体动画https://codepen.io/cobra_winf... 街霸游...
Codepen 每日精选（2018-4-14）
weixin_34292959的博客
04-14 149
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 写的蛋糕落在纸盘上的动画https://codepen.io/YusukeNaka... 色环https://codepen.io/thepheer/f... 纯 css 画的寿司餐https://codepen.io/sashatran/... 弹性布...
cookie-stand:一个代码合作伙伴临时项目
04-30
修改了专为Pat's设计的销售图表，以预测新Harold产品ABC cookie的每日销售量。 我学到的是 我开始学习如何使用JavaScript动态填充html，如何创建对象文字和对象构造函数（首选），并开始练习使用FOR LOOPS。 我还...
每日前端大厂面试题解析与技巧
- **动手实践**：通过项目实践和在线编码平台（如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、付费专栏及课程。

余额充值