一级分类

创客主机
简洁的商品网格列表布局动画特效

简洁的商品网格列表布局动画特效

这是一款简洁的商品网格列表布局动画特效。该视频网格列表布局采用卡片网格布局的方式进行布局。当鼠标悬停到视频图片上面的时候,图片会轻微的放大,并出现操作图标。 HTML结构 new Women's Blouse Top $18.50 …
炫酷CSS3鼠标跟随图片序列动画特效

炫酷CSS3鼠标跟随图片序列动画特效

这是一款炫酷js和CSS3鼠标跟随图片序列动画特效。该特效在鼠标移动时,会在鼠标的运动轨迹后面跟随一组图片,同时还提供多种图片隐藏效果。该特效中使用了一些新的CSS3特性,请在最新版的现代浏览器中查看该特效。下面是该特效的一些屏幕截…
创意网格图片横向拖动式菜单布局

创意网格图片横向拖动式菜单布局

这是一款带网格图片预览的横向拖动式菜单布局。该布局的创意是所有菜单项全屏横向布局,通过鼠标拖拽进行切换。在拖动菜单时,相应的图片缩略图随着变化。当点击指定的链接时,缩略图切换为大图进行展示。布局中的动画使用TweenMax来制作。拖…
CSS3可拖拽的横向图片预览布局

CSS3可拖拽的横向图片预览布局

这是一款js和CSS3可拖拽的横向图片预览布局。该布局将所有图片在屏幕中央进行横向排布,可以通过鼠标前后拖拽图片。当点击图片的标号时,隐藏所有的缩略图,在屏幕上显示当前被点击的图片。该布局使用TweenMax来制作动画特效,拖拽效果…
基于threejs炫酷全屏放大动画特效

基于threejs炫酷全屏放大动画特效

这是一款基于threejs的炫酷缩略图到全屏放大动画特效。该特效通过使用threejs。在用户点击缩略图时,将缩略图已某种炫酷的动画方式展开到全屏。 Github网址:https://github.com/Anemolo/GridT…
CSS3名片式卡片设计特效

CSS3名片式卡片设计特效

这是一款CSS3名片式卡片设计特效。该卡片使用简单的CSS3代码,来构建带图片,图标和标题,描述信息的卡片布局。 HTML结构 Stuart White I suppose if we couldn't laugh at thing…
基于TweenMax的多列图片动画展示布局

基于TweenMax的多列图片动画展示布局

这是一款基于TweenMax的多列图片动画展示布局。该布局在页面中以网格布局排列多列图片,每列图片都在做上下运动。当点击菜单项时,图片动画加速,随后切换为单张图片展示。 Github网址:https://github.com/cod…
Canvas 擦抹模糊玻璃特效

Canvas 擦抹模糊玻璃特效

这是一款HTML5 canvas擦抹模糊玻璃特效。该特效类似橡皮擦特效,当鼠标在屏幕上涂抹时,原本模糊的地方会变成清晰的图片。 使用方法 在页面中引入下面的文件。 HTML结构 JavaScript // defining vari…
Fsscroll 全屏轮播jQuery插件

Fsscroll 全屏轮播jQuery插件

jquery-fsscroll是一款jquery的全屏轮播插件。该插件是基于jQuery的简便的,高扩展性的全屏轮播插件。可用于产品轮播导航,个人信息展示等场景。 使用方法 在页面中引入下面的文件。 HTML结构 初始化插件 dat…
嘿,欢迎咨询!