• 8个WEB前端创意HTML5动画应用精选


    和十几年前相比,现在的网页加入了很多动画元素,从之前的Flash到现在的HTML5,动画样式越来越丰富,动画制作也越来越便捷。本文精选了几款非常富有创意的HTML5动画应用,欣赏一下吧。

    1、HTML5图片相册重力感应特效

    今天我们要来分享一款和HTML5重力感应相关的动画特效,这是一个图片相册,点击按钮即可让排列整齐的图片散落开来。这款HTML5重力感应动画特效可以允许你用鼠标拖拽甩动图片,并且让图片模拟重力感应的效果互相碰撞。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 1

    在线演示

    源码下载

    2、HTML5播放器神话 卡带式古典播放器

    这是一款样式非常古典,但又是非常时尚的HTML5播放器,说它是古典播放器,是因为这种卡带式的HTML5播放器比较古老,说它时尚,是因为现在的HTML5播放器很少有这种样式的,非常有创意。如果你想给你的个人主要添加一款个性化的播放器,那么这款HTML5卡带式古典播放器可以选择一下,个人认为这是HTML5播放器的神话,非常经典。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 2

    在线演示

    源码下载

    3、jQuery 360度图片旋转插件sprite spin

    今天我们要再来分享一款jQuery 360度图片旋转插件sprite spin,sprite spin可以自动旋转图片,也可以手动拖拽鼠标来旋转图片。记得不久前我们向大家分享过一款基于jQuery的图片360度旋转插件dopelessRotate,功能也非常强大。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 3

    在线演示

    源码下载

    4、jQuery仿Google Nexus菜单样式插件

    这是一款基于jQuery和CSS3的多功能菜单,菜单样式是仿Google Nexus的,菜单整体看上去是一个封闭的结构,也就是说既有水平菜单,也有垂直菜单,而且每一个菜单项的左侧都有一个漂亮的小图标,是一款外观非常不错的jQuery菜单导航。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 4

    在线演示

    源码下载

    5、CSS3/jQuery创意盒子动画菜单

    作为前端开发者,各种各样的jQuery菜单见过不少,这款jQuery/CSS3菜单却是别具一格,菜单项嵌入到九宫格中,像小盒子一样,加上温馨的背景,菜单整体外观十分可爱。点击菜单项,盒子就会展开,展示该菜单项具体的内容。该CSS3菜单在展开时也有不错的动画效果。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 5

    在线演示

    源码下载

    6、HTML5全屏3D图片展示特效

    这是一款基于HTML5和CSS3的3D图片特效,该图片特效的功能如下:提供一个类似焦点图的HTML5图片播放器,我们可以点击按钮来切换不同的图片显示。更重要的功能是点击图片上的全屏按钮,图片即可以3D的方式全屏显示,效果非常酷。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 6

    在线演示

    源码下载

    7、CSS3 3D进度条按钮 18款精美样式

    我们在网页上提交数据的时候经常会看到进度条,不过大部分进度条都是在网页其他地方显示,比如弹出一个窗口。这款CSS3实现的进度条是显示在按钮上的,可以更直观的体现出用户提交的进度情况,该CSS3进度条按钮样式非常漂亮,在支持3D的浏览器上还能有3D立体的效果,而且进度条展现形式很多,一共18种样式。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 7

    在线演示

    源码下载

    8、HTML5 Canvas 地球旋转3D动画

    很久没有分享HTML5动画特效了,尤其是HTML5 3D动画,每一个都非常酷。今天我们要分享的是一个基于Canvas的HTML5 3D地球旋转动画,地球外观非常逼真,海面、陆地、白云都像是真的一样,另外地球还可以自己缓慢的旋转和移动,呈现出3D立体的视觉效果。

    8个WEB前端创意HTML5动画应用精选 - 爱七七五八网 - 8

    在线演示

    源码下载

    本文固定链接: http://www.i7758.com/archives/1241.html

  • 相关阅读:
    Truck History(poj 1789)
    Highways poj 2485
    117. Populating Next Right Pointers in Each Node II
    116. Populating Next Right Pointers in Each Node
    115. Distinct Subsequences
    114. Flatten Binary Tree to Linked List
    113. Path Sum II
    109. Convert Sorted List to Binary Search Tree
    106. Construct Binary Tree from Inorder and Postorder Traversal
    105. Construct Binary Tree from Preorder and Inorder Traversal
  • 原文地址:https://www.cnblogs.com/i7758/p/4550842.html
Copyright © 2020-2023  润新知