炫酷CSS3登录界面jQuery特效 PetitQ 布局框架, 表单/表格 2019-12-19 3.08K 0 2 这是一款超炫酷jQuery和CSS3登录界面设计。在该登录界面中,登录框被聚焦或鼠标移动到关闭按钮,以及关闭登录框时,都会有炫酷的动画效果。 使用方法 在页面中引入下面的文件。 HTML结构 登录界面的HTML结构如下。 Are y…
炫酷CSS3登录界面jQuery特效 PetitQ 布局框架, 表单/表格 2019-12-19 3.08K 0 2 这是一款超炫酷jQuery和CSS3登录界面设计。在该登录界面中,登录框被聚焦或鼠标移动到关闭按钮,以及关闭登录框时,都会有炫酷的动画效果。 使用方法 在页面中引入下面的文件。 HTML结构 登录界面的HTML结构如下。 Are y…
基于webGL的粘性图像动画特效 PetitQ 布局框架 2019-4-18 1.88K 0 2 这是一款基于webGL的粘性图像动画特效,该特效使用three.js来制作,生成炫酷的粘性图像效果。该特效模仿ultranoir.com,下面是该特效的一些屏幕截图效果: Github网址:https://github.com/An…
基于webGL的粘性图像动画特效 PetitQ 布局框架 2019-4-18 1.88K 0 2 这是一款基于webGL的粘性图像动画特效,该特效使用three.js来制作,生成炫酷的粘性图像效果。该特效模仿ultranoir.com,下面是该特效的一些屏幕截图效果: Github网址:https://github.com/An…
纯CSS3炫酷网页背景滚动视觉差特效 PetitQ 图片/图形, 布局框架 2022-1-13 3.07K 0 2 这是一款使用纯CSS/CSS3制作的响应式网页背景滚动视觉差特效。该视觉差特效在用户向下滚动页面的时候,页面的背景图像会以不同的速度进行滚动,产生炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构分为两个主要元素:sect…
纯CSS3炫酷网页背景滚动视觉差特效 PetitQ 图片/图形, 布局框架 2022-1-13 3.07K 0 2 这是一款使用纯CSS/CSS3制作的响应式网页背景滚动视觉差特效。该视觉差特效在用户向下滚动页面的时候,页面的背景图像会以不同的速度进行滚动,产生炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构分为两个主要元素:sect…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.65K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.65K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
3D Motion 炫酷鼠标点击3D爆炸特效 PetitQ 布局框架 2019-4-02 1.80K 0 2 这是一款基于three.js的3D爆炸特效。该特效实现3d物体爆炸成碎片的效果,可以通过鼠标点击或鼠标移动来触发效果。下面是该特效的一些屏幕截图效果:
3D Motion 炫酷鼠标点击3D爆炸特效 PetitQ 布局框架 2019-4-02 1.80K 0 2 这是一款基于three.js的3D爆炸特效。该特效实现3d物体爆炸成碎片的效果,可以通过鼠标点击或鼠标移动来触发效果。下面是该特效的一些屏幕截图效果:
基于TweenMax的炫酷页面切换动画特效 PetitQ 布局框架, 幻灯片/轮播 2019-5-04 1.80K 0 1 这是一款基于TweenMax的炫酷页面切换动画特效。该特效共有5个demo,每个demo都是一个从上级页面切换到下级页面的炫酷动画效果。 Github网址:https://github.com/codrops/RotatedReve…
基于TweenMax的炫酷页面切换动画特效 PetitQ 布局框架, 幻灯片/轮播 2019-5-04 1.80K 0 1 这是一款基于TweenMax的炫酷页面切换动画特效。该特效共有5个demo,每个demo都是一个从上级页面切换到下级页面的炫酷动画效果。 Github网址:https://github.com/codrops/RotatedReve…
简洁的商品网格列表布局动画特效 PetitQ 布局框架 2019-9-25 1.22K 0 1 这是一款简洁的商品网格列表布局动画特效。该视频网格列表布局采用卡片网格布局的方式进行布局。当鼠标悬停到视频图片上面的时候,图片会轻微的放大,并出现操作图标。 HTML结构 new Women's Blouse Top $18.50 …
简洁的商品网格列表布局动画特效 PetitQ 布局框架 2019-9-25 1.22K 0 1 这是一款简洁的商品网格列表布局动画特效。该视频网格列表布局采用卡片网格布局的方式进行布局。当鼠标悬停到视频图片上面的时候,图片会轻微的放大,并出现操作图标。 HTML结构 new Women's Blouse Top $18.50 …
基于Bootstrap的可拖拽式网格系统插件 PetitQ 布局框架 2019-12-02 1.91K 0 1 jquery.gridstrap.js是一款基于Bootstrap的可拖拽式网格系统插件。该插件可以快速生成基于bootstrap响应式网格的、可以自由拖拽的网格布局。 使用方法 在HTML文件中引入。 HTML结构 ... 初始化…
基于Bootstrap的可拖拽式网格系统插件 PetitQ 布局框架 2019-12-02 1.91K 0 1 jquery.gridstrap.js是一款基于Bootstrap的可拖拽式网格系统插件。该插件可以快速生成基于bootstrap响应式网格的、可以自由拖拽的网格布局。 使用方法 在HTML文件中引入。 HTML结构 ... 初始化…
简洁全屏项目列表滑动面板UI设计 PetitQ 布局框架 2019-3-01 2.15K 0 1 这是一款简洁时尚的全屏项目列表滑动面板UI设计效果。该项目菜单列表开始以缩略图的方式全屏垂直排列,当用户点击了相应的缩略图之后,其它缩略图面板向上滑动,将该项目的内容全部显露出来。 HTML结构 该全屏项目列表滑动面板的HTML结果…
简洁全屏项目列表滑动面板UI设计 PetitQ 布局框架 2019-3-01 2.15K 0 1 这是一款简洁时尚的全屏项目列表滑动面板UI设计效果。该项目菜单列表开始以缩略图的方式全屏垂直排列,当用户点击了相应的缩略图之后,其它缩略图面板向上滑动,将该项目的内容全部显露出来。 HTML结构 该全屏项目列表滑动面板的HTML结果…
鼠标跟随飞机动画404页面模板 PetitQ 布局框架 2022-1-14 889 0 1 一款类似飞机避开障碍物飞行游戏的鼠标跟随飞机动画404页面模板,该页面动画效果丰富,用户体验感极佳,是不可多得一款404页面模板。
鼠标跟随飞机动画404页面模板 PetitQ 布局框架 2022-1-14 889 0 1 一款类似飞机避开障碍物飞行游戏的鼠标跟随飞机动画404页面模板,该页面动画效果丰富,用户体验感极佳,是不可多得一款404页面模板。
基于Bootstrap精美商品价格表设计 PetitQ 布局框架 2019-3-11 1.91K 0 1 这是一款基于Bootstrap网格系统制作的精美价格表效果。该价格表效果时尚大方,在鼠标滑过价格表时,当前价格表会有变色和放大的动画特效。 HTML结构 该价格表的HTML结构如下: $10.00 per month Standar…
基于Bootstrap精美商品价格表设计 PetitQ 布局框架 2019-3-11 1.91K 0 1 这是一款基于Bootstrap网格系统制作的精美价格表效果。该价格表效果时尚大方,在鼠标滑过价格表时,当前价格表会有变色和放大的动画特效。 HTML结构 该价格表的HTML结构如下: $10.00 per month Standar…
全屏视频图片轮播布局特效 PetitQ 布局框架, 幻灯片/轮播 2019-3-18 2.13K 0 1 这是一款带视频播放的全屏轮播图布局特效。该布局以轮播图的方式展示消息,当用户点击轮播图之后,会全屏播放指定的视频文件。 使用方法 在页面中引入demo.css、jquery和TweenMax.min.js、CSSPlugin.min…
全屏视频图片轮播布局特效 PetitQ 布局框架, 幻灯片/轮播 2019-3-18 2.13K 0 1 这是一款带视频播放的全屏轮播图布局特效。该布局以轮播图的方式展示消息,当用户点击轮播图之后,会全屏播放指定的视频文件。 使用方法 在页面中引入demo.css、jquery和TweenMax.min.js、CSSPlugin.min…