炫酷CSS3鼠标跟随图片序列动画特效 PetitQ 布局框架 2019-8-19 1.78K 0 0 这是一款炫酷js和CSS3鼠标跟随图片序列动画特效。该特效在鼠标移动时,会在鼠标的运动轨迹后面跟随一组图片,同时还提供多种图片隐藏效果。该特效中使用了一些新的CSS3特性,请在最新版的现代浏览器中查看该特效。下面是该特效的一些屏幕截…
炫酷CSS3鼠标跟随图片序列动画特效 PetitQ 布局框架 2019-8-19 1.78K 0 0 这是一款炫酷js和CSS3鼠标跟随图片序列动画特效。该特效在鼠标移动时,会在鼠标的运动轨迹后面跟随一组图片,同时还提供多种图片隐藏效果。该特效中使用了一些新的CSS3特性,请在最新版的现代浏览器中查看该特效。下面是该特效的一些屏幕截…
创意网格图片横向拖动式菜单布局 PetitQ 布局框架 2019-6-24 1.37K 0 0 这是一款带网格图片预览的横向拖动式菜单布局。该布局的创意是所有菜单项全屏横向布局,通过鼠标拖拽进行切换。在拖动菜单时,相应的图片缩略图随着变化。当点击指定的链接时,缩略图切换为大图进行展示。布局中的动画使用TweenMax来制作。拖…
创意网格图片横向拖动式菜单布局 PetitQ 布局框架 2019-6-24 1.37K 0 0 这是一款带网格图片预览的横向拖动式菜单布局。该布局的创意是所有菜单项全屏横向布局,通过鼠标拖拽进行切换。在拖动菜单时,相应的图片缩略图随着变化。当点击指定的链接时,缩略图切换为大图进行展示。布局中的动画使用TweenMax来制作。拖…
CSS3可拖拽的横向图片预览布局 PetitQ 布局框架 2019-6-19 1.60K 0 0 这是一款js和CSS3可拖拽的横向图片预览布局。该布局将所有图片在屏幕中央进行横向排布,可以通过鼠标前后拖拽图片。当点击图片的标号时,隐藏所有的缩略图,在屏幕上显示当前被点击的图片。该布局使用TweenMax来制作动画特效,拖拽效果…
CSS3可拖拽的横向图片预览布局 PetitQ 布局框架 2019-6-19 1.60K 0 0 这是一款js和CSS3可拖拽的横向图片预览布局。该布局将所有图片在屏幕中央进行横向排布,可以通过鼠标前后拖拽图片。当点击图片的标号时,隐藏所有的缩略图,在屏幕上显示当前被点击的图片。该布局使用TweenMax来制作动画特效,拖拽效果…
基于threejs炫酷全屏放大动画特效 PetitQ 布局框架 2019-5-30 3.27K 0 0 这是一款基于threejs的炫酷缩略图到全屏放大动画特效。该特效通过使用threejs。在用户点击缩略图时,将缩略图已某种炫酷的动画方式展开到全屏。 Github网址:https://github.com/Anemolo/GridT…
基于threejs炫酷全屏放大动画特效 PetitQ 布局框架 2019-5-30 3.27K 0 0 这是一款基于threejs的炫酷缩略图到全屏放大动画特效。该特效通过使用threejs。在用户点击缩略图时,将缩略图已某种炫酷的动画方式展开到全屏。 Github网址:https://github.com/Anemolo/GridT…
CSS3名片式卡片设计特效 PetitQ 布局框架 2019-5-25 2.36K 0 0 这是一款CSS3名片式卡片设计特效。该卡片使用简单的CSS3代码,来构建带图片,图标和标题,描述信息的卡片布局。 HTML结构 Stuart White I suppose if we couldn't laugh at thing…
CSS3名片式卡片设计特效 PetitQ 布局框架 2019-5-25 2.36K 0 0 这是一款CSS3名片式卡片设计特效。该卡片使用简单的CSS3代码,来构建带图片,图标和标题,描述信息的卡片布局。 HTML结构 Stuart White I suppose if we couldn't laugh at thing…
基于TweenMax的多列图片动画展示布局 PetitQ 布局框架 2019-5-24 1.48K 0 0 这是一款基于TweenMax的多列图片动画展示布局。该布局在页面中以网格布局排列多列图片,每列图片都在做上下运动。当点击菜单项时,图片动画加速,随后切换为单张图片展示。 Github网址:https://github.com/cod…
基于TweenMax的多列图片动画展示布局 PetitQ 布局框架 2019-5-24 1.48K 0 0 这是一款基于TweenMax的多列图片动画展示布局。该布局在页面中以网格布局排列多列图片,每列图片都在做上下运动。当点击菜单项时,图片动画加速,随后切换为单张图片展示。 Github网址:https://github.com/cod…
CSS3卡片列表轮播布局jQuery特效 PetitQ 布局框架 2019-5-14 2.14K 0 0 这是一款jquery和css3卡片列表轮播布局,该布局使用owl-carousel进行布局,通过css制作卡片样式,组成炫酷的卡片轮播特效。 使用方法 在页面中引入下面的文件。
CSS3卡片列表轮播布局jQuery特效 PetitQ 布局框架 2019-5-14 2.14K 0 0 这是一款jquery和css3卡片列表轮播布局,该布局使用owl-carousel进行布局,通过css制作卡片样式,组成炫酷的卡片轮播特效。 使用方法 在页面中引入下面的文件。
基于TweenMax的炫酷页面切换动画特效 PetitQ 布局框架, 幻灯片/轮播 2019-5-04 2.01K 0 1 这是一款基于TweenMax的炫酷页面切换动画特效。该特效共有5个demo,每个demo都是一个从上级页面切换到下级页面的炫酷动画效果。 Github网址:https://github.com/codrops/RotatedReve…
基于TweenMax的炫酷页面切换动画特效 PetitQ 布局框架, 幻灯片/轮播 2019-5-04 2.01K 0 1 这是一款基于TweenMax的炫酷页面切换动画特效。该特效共有5个demo,每个demo都是一个从上级页面切换到下级页面的炫酷动画效果。 Github网址:https://github.com/codrops/RotatedReve…
Canvas 擦抹模糊玻璃特效 PetitQ 图片/图形, 布局框架 2019-4-26 1.61K 0 0 这是一款HTML5 canvas擦抹模糊玻璃特效。该特效类似橡皮擦特效,当鼠标在屏幕上涂抹时,原本模糊的地方会变成清晰的图片。 使用方法 在页面中引入下面的文件。 HTML结构 JavaScript // defining vari…
Canvas 擦抹模糊玻璃特效 PetitQ 图片/图形, 布局框架 2019-4-26 1.61K 0 0 这是一款HTML5 canvas擦抹模糊玻璃特效。该特效类似橡皮擦特效,当鼠标在屏幕上涂抹时,原本模糊的地方会变成清晰的图片。 使用方法 在页面中引入下面的文件。 HTML结构 JavaScript // defining vari…
Fsscroll 全屏轮播jQuery插件 PetitQ 布局框架, 幻灯片/轮播 2019-4-25 1.86K 0 0 jquery-fsscroll是一款jquery的全屏轮播插件。该插件是基于jQuery的简便的,高扩展性的全屏轮播插件。可用于产品轮播导航,个人信息展示等场景。 使用方法 在页面中引入下面的文件。 HTML结构 初始化插件 dat…
Fsscroll 全屏轮播jQuery插件 PetitQ 布局框架, 幻灯片/轮播 2019-4-25 1.86K 0 0 jquery-fsscroll是一款jquery的全屏轮播插件。该插件是基于jQuery的简便的,高扩展性的全屏轮播插件。可用于产品轮播导航,个人信息展示等场景。 使用方法 在页面中引入下面的文件。 HTML结构 初始化插件 dat…
基于webGL的粘性图像动画特效 PetitQ 布局框架 2019-4-18 2.07K 0 2 这是一款基于webGL的粘性图像动画特效,该特效使用three.js来制作,生成炫酷的粘性图像效果。该特效模仿ultranoir.com,下面是该特效的一些屏幕截图效果: Github网址:https://github.com/An…
基于webGL的粘性图像动画特效 PetitQ 布局框架 2019-4-18 2.07K 0 2 这是一款基于webGL的粘性图像动画特效,该特效使用three.js来制作,生成炫酷的粘性图像效果。该特效模仿ultranoir.com,下面是该特效的一些屏幕截图效果: Github网址:https://github.com/An…
带CSS混合模式JS视觉差轮播图特效 PetitQ 布局框架, 幻灯片/轮播 2019-4-12 1.77K 0 0 这是一款带CSS混合模式的JS视觉差轮播图特效。该特效使用CSS mix-blend-mode将文字和图片背景进行混合,并在点击时带有炫酷的视觉差特效。 使用方法 在页面中引入下面的文件。 HTML结构 页面的HTML结构如下。 E…
带CSS混合模式JS视觉差轮播图特效 PetitQ 布局框架, 幻灯片/轮播 2019-4-12 1.77K 0 0 这是一款带CSS混合模式的JS视觉差轮播图特效。该特效使用CSS mix-blend-mode将文字和图片背景进行混合,并在点击时带有炫酷的视觉差特效。 使用方法 在页面中引入下面的文件。 HTML结构 页面的HTML结构如下。 E…