随笔分类 -  html5

html5
摘要:今天分享的css3案例模仿了window系统下的loading效果里面最关键的地方使用了css3 animation的delay属性以及贝塞尔曲线(cubic-bezier)的过渡效果,如下所示 进入网站查看演示 阅读全文
posted @ 2016-12-19 15:01 h5street 阅读(1261) 评论(1) 推荐(0) 编辑
摘要:今天分享一个用纯CSS实现的3D按钮。css巧妙利用了box-shadow来实现3D物体的立体感,当按钮按下的时候再去修改box-shadow和top值。让人感觉有一种按钮被按下的感觉。css代码非常少,如下所示 进入网站查看演示 阅读全文
posted @ 2016-12-19 14:57 h5street 阅读(12019) 评论(1) 推荐(0) 编辑
摘要:今天分享的是一个极富创意的文件夹切换效果。这个案例使用CSS 3动画实现了一个3D的平行六面体旋转效果。点击顶部的3个按钮可以旋转并切换。另外,每个六面体本身是一个文件夹,点击后可以展开查看里面的详情。这个案例的HTML代码结构清晰,方便学习和修改适用于各种信息展示的场景,如文章展示,公司案例展示, 阅读全文
posted @ 2016-12-19 14:52 h5street 阅读(468) 评论(0) 推荐(1) 编辑
摘要:原创游戏,使用lufylegend.js开发 用canvas实现的贪吃蛇游戏,与一般的贪吃蛇游戏不同,图片经过美工设计,代码设计支持扩展和自定义。 游戏元素丰富,包括障碍物(仙人掌),金币(奖励),苹果(奖励),首次操作提示,各种状态的游戏图片和背景音效,,还有蛇在不同状态下的图片 在PC端支持键盘 阅读全文
posted @ 2016-12-05 17:03 h5street 阅读(955) 评论(1) 推荐(2) 编辑