在网页设计过程中，我们会经常用到一些HTML5特效代码，下面就是为大家整理分享的一些好看炫酷且实用的HTML5特效代码，可以放心在您的应用程序中使用。

一、Canvas跟随鼠标光标动画特效

演示、下载地址：
http://www.php.cn/xiazai/js/845

二、HTML5 Canvas泡泡悬浮鼠标特效

演示、下载地址：
http://www.php.cn/xiazai/js/1599

• 360度的全景图片效果常常可以用到给客户做产品展示，今天这里我们推荐一个非常不错的来自Robert Pataki的360全景幻灯实现教程，这里教程中将使用javascript来打造一个超酷的全景幻灯实现，相信大家一定会喜欢的！
  

在这个教程中没有使用到任何插件，我们将使用HTML，css和javascript来实现，当然，也使用是jQuery这个框架！

焦点图主要是指网页焦点位置的图片，一般焦点图可以是单张图，也可以是一组动态切换的图片的组合。由于处在终端用户视觉焦点位置因此焦点图的作用至关重要，焦点图也成为网站首页面设计的重点。焦点图样式如下所示：

常用实现焦点图或者轮播图的前端技术较多，如JavaScript技术、BootStrap组件、CSS技术等。本文主要介绍使用CSS3提供的动画功能实现简单轮播效果。首先给出轮播实现动画效果如下所示：

1、实现的基本思路

本例题设计实现图文轮播，主要包括图片的轮播与文字轮播两部分，基本思路是实现按照周期改变图层背景实现图片的轮播。改变或者移动文字图层位置实现文字部分的移动及动画效果。