`
tower1229
  • 浏览: 10456 次
  • 性别: Icon_minigender_1
  • 来自: 烟台
最近访客 更多访客>>
社区版块
存档分类
最新评论

推荐六款炫酷的HTML5效果插件

阅读更多

1. HTML5 3D图片阴影翻转动画 效果很酷

分享一款很酷的HTML5 3D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。这和HTML5 3D动画HTML5 3D正方体旋转动画有着类似的效果,大家也可以看看。


推荐六款炫酷的HTML5效果插件 - 雅X共赏 - tower1229 的博客
 


在线演示 / 源码下载

2. HTML5 Canvas波浪动画 可调节波浪高度

看过超酷的HTML5 Canvas波浪墙吗,是的,只要你的浏览器支持HTML5 WebGL,就可以观看强大的HTML5波浪效果。今天我们要分享的这款波浪动画也是基于HTML5 Canvas的,特点是可以控制滑杆来调节波浪的高度。

推荐六款炫酷的HTML5效果插件 - 雅X共赏 - tower1229 的博客
 

在线演示 / 源码下载

3. HTML5 Canvas实现超酷Loading动画

这次我们来看一款非常酷的Loading动画加载效果,和纯CSS3实现齿轮Loading加载动画类似,也是利用几何的特性来模拟的,它是一些类似旋转的动画效果。另外,关于Loading动画,我们也可以看看html5tricks上的Loading动画栏目。

推荐六款炫酷的HTML5效果插件 - 雅X共赏 - tower1229 的博客
 


在线演示 / 源码下载

4. CSS3/jQuery简易焦点图 多种图片切换方式

有很多非常不错的CSS3焦点图插件,我们印象最深刻的要算这款HTML5/jQuery 3D焦点图插件。今天要再来分享一款简易的CSS3焦点图应用,这款焦点图应用的图片切换方式非常丰富,而且焦点图的切换按钮比较小,图片篇幅占据比较大,因此总体比较大气。

推荐六款炫酷的HTML5效果插件 - 雅X共赏 - tower1229 的博客
 


在线演示 / 源码下载

5. HTML5火焰文字特效

有不少基于HTML5和CSS3的文字特效,有3D的文字效果,也有动画文字特效。今天我们分享的这款HTML5文字特效是火焰燃烧的效果,比较消耗CPU,但是动画效果还是比较酷的。另外,再推荐一款HTML5文字特效:HTML5像素文字爆炸重组动画特效

推荐六款炫酷的HTML5效果插件 - 雅X共赏 - tower1229 的博客
 


在线演示 / 源码下载

6. HTML5图片切换焦点图应用 3D投影效果

利用HTML5和CSS3技术制作一个图片焦点图特效非常简单,但是如果我们要让这款焦点图足够的精致,那就要花上比较大的力气。今天要分享的这款HTML5 3D焦点图切换应用就非常酷,图片下方有一道投影,使得焦点图有立体的视觉效果。另外,图片切换的方式也有多种,每种切换方式都有不同的3D立体效果。

推荐六款炫酷的HTML5效果插件 - 雅X共赏 - tower1229 的博客
 

在线演示 / 源码下载

 

原文地址:http://refined-x.com

分享到:
评论

相关推荐

    HTML5 svg炫酷波浪线条动画插件

    本项目“HTML5 svg炫酷波浪线条动画插件”是利用SVG的特性,结合JavaScript库TweenMax和jQuery,创造出动态的、视觉效果出众的波浪线条动画。TweenMax是一个强大的JavaScript动画库,提供了丰富的缓动函数和时间控制...

    HTML5 3D炫酷书架画册动态展示jQuery插件.rar

    这个“HTML5 3D炫酷书架画册动态展示jQuery插件”是一个利用HTML5、CSS3以及JavaScript(特别是jQuery库)构建的高级功能组件,旨在为用户带来一种全新的、生动的图片浏览体验,类似于真实的3D书架翻书效果。...

    一款基于html5的图表插件

    这款基于HTML5的图表插件,正如其标题所言,旨在帮助开发者轻松地在网页上创建各种图表,提供丰富的视觉效果和数据展示方式。通过使用HTML5的Canvas或SVG元素,这些图表插件可以实现动态更新、交互式操作以及高度...

    这是一款效果非常炫酷的html5svg图标变形动画特效插件

    本插件——"SVG Morpheus",是JavaScript开发的一个优秀实例,专用于实现SVG图标的炫酷变形动画效果。 SVG Morpheus插件的核心在于它利用了HTML5的SVG特性,SVG是一种基于XML的矢量图像格式,可以在任何分辨率下...

    5种炫酷js鼠标跟随动画特效插件

    本资源包“5种炫酷js鼠标跟随动画特效插件”正是基于jQuery库创建的,旨在为网页增添互动性和视觉吸引力。 这个插件包含5个不同的鼠标跟随动画特效,可以轻松地应用到网页项目中。以下是对每个特效的详细介绍: 1....

    9种html5+css3炫酷tooltip工具提示插件效果

    这个炫酷tooltip工具提示插件将带您离开黄底黑字的html tooltip原始时代。该tooltip插件共9种效果,使用html5 svg和css3 transform属性完成。这个工具提示效果带图片带动画,效果一流。

    html5 div图片放大插件手机端图片放大预览效果

    html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果 html5 div图片放大插件手机端图片放大预览效果

    炫酷实用的HTML5应用和jQuery插件

    下面一起来看看这些炫酷而实用的HTML5应用和jQuery插件吧。 1、jQuery/CSS3图片洗牌切换动画特效 这是一款基于jQuery和CSS3的图片动画特效,该图片动画是洗牌的效果,我们只需点击切换按钮,即可一张张切换图片。...

    HTML5 canvas制作逼真的下雨雨滴效果js插件

    rainyday是一款基于 html5 canvas 的模拟下雨时雨滴打在玻璃窗上效果的js插件。该雨滴效果插件的特点是使用简单,易于集成。Rainyday.js是一个使用HTML5特性的纯js库,几乎所有的现代浏览器都支持它。

    最新HTML5播放器插件含Demo!

    现在已经有很多html5播放器可以使用,使用html5播放器可以轻松的在页面中插入媒体视频,从而使我们的web页面变得更加丰富多彩,所以今天向大家推荐一款非常优秀的html5播放器MediaElement.js,它不仅能够添加我们...

    24种常用的VST效果插件

    使用说明:把这24个VST效果插件复制到C: Program Files Common Files Steinberg VST2目录下 再打开Cubase或者Nuendo这些VST插件就会载入里面 简单方便 备注:只有Z Noise降噪插件必须默认安装 才可以使用 ...

    基于HTML5 SVG的炫酷进度条插件

    基于HTML5 SVG的炫酷进度条插件利用了SVG的这一特性,创建出视觉效果出众的进度条。SVG元素可以在JavaScript和CSS的帮助下动态更新,使得进度条不仅能够显示数据,还可以伴随动态效果,提升用户体验。例如,当加载或...

    分享10款效果惊艳的HTML5图片特效

    在HTML5的世界里,图片特效都十分绚丽,我们在网站上也分享过很多不错的HTML5图片特效,现在我们精选10款效果惊艳的HTML5图片特效分享给大家。 1、HTML5 3D正方体旋转动画 很酷的3D特效 之前我们分享过很多非常不错...

    ckeditor html5_video 插件添加封面和中文功能

    HTML5-Video 插件是 CKEditor 的一个扩展,它允许用户在编辑器中插入和编辑 HTML5 视频,从而提升用户体验。本教程将详细介绍如何增强 HTML5-Video 插件,使其支持中文显示并添加封面功能。 首先,我们要理解 HTML5...

    炫酷 jQuery 幻灯 3D 插件

    "炫酷 jQuery 幻灯 3D 插件"是一个利用 jQuery 实现的动态展示效果,通常用于网站中的滑动展示、产品展示或者图像轮播等场景,为用户带来视觉上的吸引力。 幻灯片效果通常是通过在页面上循环显示一组图片或内容来...

    html5时间轴插件

    HTML5时间轴插件是一种基于Web技术的交互式可视化工具,它允许用户以时间线的形式展示事件、数据或故事流程。这种插件尤其适用于历史记录、项目管理、新闻发布、个人日记等多种场景,能为用户提供直观且易于理解的...

    ES6炫酷开关按钮插件

    总之,"ES6炫酷开关按钮插件"是一款基于ES6的前端组件,它的iOS样式、动画效果和高度可定制性使得它成为开发中的实用工具。无论你是新手还是经验丰富的开发者,都能从中受益,快速打造出吸引眼球的交互式开关按钮。...

    jQuery插件-实现HTML5微信红包抽奖红包雨特效动画js效果.zip

    本资源“jQuery插件-实现HTML5微信红包抽奖红包雨特效动画js效果.zip”提供了一个用于创建生动有趣互动体验的工具,特别适合应用于线上活动或电商平台的营销活动中。 首先,我们要理解HTML5的重要性。HTML5是超文本...

    html5年会抽奖插件

    2. **Web Animation API**:HTML5的Web Animation API允许开发者创建复杂的动画效果,用于抽奖插件可以实现抽奖盘的平滑旋转和停止。 3. **Local Storage**:抽奖插件可能需要存储参与者名单或者抽奖设置,HTML5的...

    jQuery带炫酷轮播图效果的Lightbox弹出层插件

    这款库使得JavaScript编程更加简单,特别是在处理复杂的网页交互和动态效果时。 **Lightbox弹出层插件** Lightbox是一种常见的网页设计技术,用于在用户点击图片链接后,在当前页面上以半透明背景和全屏显示的方式...

Global site tag (gtag.js) - Google Analytics