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

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