文末有源码下载               ， “窝               ” 不信你全都看不上

CSS3 登录表单 个性化登录按钮

这是一款基于jQuery和CSS3的登录表单 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，登录表单的界面整体呈现扁平化风格














，非常简洁和清新               。当焦点在表单的输入字段上时
  
  
  
  
  
  
  
 ，表单提示文字会出现一个小动画 
  
  
  
  
  
  
  ，同时这款CSS3登录表单的最大特点是其个性化的登录按钮 


 


 


 


 


 


 


 

，鼠标滑过也有不错的效果 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 。

可爱的CSS3圆盘时钟动画

今天要分享的是一款可爱的CSS3圆盘时钟动画
 
 
 
 
 
 
 
，时钟背景是乳白色的  
   
   
   
   
   
   
   ，显得非常干净 

 

 

 

 

 

 

 
，另外

 

 

 

 

 

 

 

，时钟也可以和你本地的时候保持同步














。

jQuery登录表单

这是一款基于Bootstrap的登录表单               ，表单的外观自然不用说 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 ，沿用了Bootstrap的风格















，非常漂亮
  
  
  
  
  
  
  
 。这款登录表单有一个经过CSS3处理过的头像图片                      ，同时还有HTML5表单字段的简单验证 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，CSS3的使用






















，让整个登录表单的投影显得更加立体 
  
  
  
  
  
  
  。

CSS3超酷弹出对话框 兼容移动端

这是一款基于HTML5和CSS3的弹出对话框               ，一共有4种类型 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，每种对话框弹出的时候均带有一定的动画特效














，比如成功时候的动画和加载时候的动画
  
  
  
  
  
  
  
 ，都非常不错 
  
  
  
  
  
  
  ，和之前分享的jQuery弹出层对话框 外观优雅带遮罩相比 


 


 


 


 


 


 


 

，虽然没有强大的回调功能
 
 
 
 
 
 
 
，但是非常简单  
   
   
   
   
   
   
   ，更适合在移动端使用 


 


 


 


 


 


 


 

。

HTML5翻牌消除小游戏

这是一款基于HTML5的翻牌游戏 

 

 

 

 

 

 

 
，当翻出的2张牌相同的话

 

 

 

 

 

 

 

，就可以将牌消除
 
 
 
 
 
 
 
。如果你对HTML5熟悉的话               ，可以自己扩大游戏的矩阵 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 ，让游戏难度稍稍加大  
   
   
   
   
   
   
   。另外















，这款HTML5游戏可能对你来说并没有太多用处                      ，但是你可以学习里面的HTML5代码 

 

 

 

 

 

 

 
。

交互式分享按钮 可横向展开

之前我们为大家分享过很多炫酷的分享按钮了 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，比如纯CSS3实现分享按钮 包含常用社交网站按钮和HTML5/CSS3社会化分享按钮






















，都不仅很漂亮               ，而且都非常实用

 

 

 

 

 

 

 

。这次要给大家介绍一款基于jQuery的交互式分享按钮 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，它的特点是点击分享即可横向展开全部社交网站相应的分享按钮               。

HTML5文件上传美化表单 支持拖拽上传

文件上传在网页中应用十分广泛














，对于一般的文件上传控件
  
  
  
  
  
  
  
 ，基本都是浏览器自带的外观 
  
  
  
  
  
  
  ，而且也没有文件信息的展示 


 


 


 


 


 


 


 

，比如文件大小  
  
  
  
  
  
  
  、文件类型等
 
 
 
 
 
 
 
，也没有对文件进行预览  
   
   
   
   
   
   
   ，特别是图片 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 。今天要介绍的这款插件不仅让文件上传表单更为美观 

 

 

 

 

 

 

 
，而且可以预览图片

 

 

 

 

 

 

 

，以及删除待上传的文件等功能               ，堪比一个小型的文件管理器















。

纯CSS3加载Loading动画图 12款创意设计

我们经常使用GIF图片来实现Loading加载动画 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 ，确实利用GIF图片来实现也非常方便















，但需要我们一定的制图功底                      ，我们作为程序员很多对制图一窍不通 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 ，那么今天就让我们用CSS3代码来实现漂亮的Loading加载动画吧






















，下面的12款非常有创意的CSS3 Loading加载动画肯定会让你喜欢上CSS3               ，喜欢上HTML5                      。

HTML5 Canvas粒子效果文字动画特效

之前我们分享过很多超酷的文字特效 
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 ，其中也有利用HTML5和CSS3的 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 。今天我们要来分享一款基于HTML5 Canvas的文字特效














，输入框中输入想要展示的文字
  
  
  
  
  
  
  
 ，回车后即可在canvas上绘制出粒子效果的文字动画 
  
  
  
  
  
  
  ，相当酷的动画效果






















。

HTML5 樱花漫天飞舞

HTML5自定义文字背景生成QQ签名档

HTML5 Canvas实现会跳舞的时间动画

这是一款很有意思的HTML5 Canvas时间动画 


 


 


 


 


 


 


 

，总体来说
 
 
 
 
 
 
 
，它是一个可以和客户端同步的时钟  
   
   
   
   
   
   
   ，其特点是当时间走动时 

 

 

 

 

 

 

 
，数字将会散落成一个个粒子动画

 

 

 

 

 

 

 

，这种HTML5 Canvas动画在之前也有分享过               ，比如这个HTML5粒子文字特效               。

下载区域

单个下载

CSS3 登录表单 个性化登录按钮

可爱的CSS3圆盘时钟动画

jQuery登录表单

CSS3超酷弹出对话框 兼容移动端

HTML5翻牌消除小游戏

交互式分享按钮 可横向展开

HTML5文件上传美化表单 支持拖拽上传

纯CSS3加载Loading动画图 12款创意设计

HTML5 Canvas粒子效果文字动画特效

HTML5 樱花漫天飞舞

HTML5自定义文字背景生成QQ签名档

合集下载

下载地址：https://zyhq.lanzoul.com/ie3Dd0matksf