五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.68K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
五种超酷自定义鼠标样式特效 PetitQ 图片/图形, 布局框架 2019-2-12 3.68K 0 2 这是一款超酷自定义鼠标样式特效。在在特效中,提供了5种效果非常炫酷的鼠标特效方案,它们通过css和js在不同的场景下,显示不同的鼠标样式。 Github网址:https://github.com/skaltenegger/custo…
炫酷CSS3登录界面jQuery特效 PetitQ 布局框架, 表单/表格 2019-12-19 3.13K 0 2 这是一款超炫酷jQuery和CSS3登录界面设计。在该登录界面中,登录框被聚焦或鼠标移动到关闭按钮,以及关闭登录框时,都会有炫酷的动画效果。 使用方法 在页面中引入下面的文件。 HTML结构 登录界面的HTML结构如下。 Are y…
炫酷CSS3登录界面jQuery特效 PetitQ 布局框架, 表单/表格 2019-12-19 3.13K 0 2 这是一款超炫酷jQuery和CSS3登录界面设计。在该登录界面中,登录框被聚焦或鼠标移动到关闭按钮,以及关闭登录框时,都会有炫酷的动画效果。 使用方法 在页面中引入下面的文件。 HTML结构 登录界面的HTML结构如下。 Are y…
纯CSS3炫酷网页背景滚动视觉差特效 PetitQ 图片/图形, 布局框架 2022-1-13 3.10K 0 2 这是一款使用纯CSS/CSS3制作的响应式网页背景滚动视觉差特效。该视觉差特效在用户向下滚动页面的时候,页面的背景图像会以不同的速度进行滚动,产生炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构分为两个主要元素:sect…
纯CSS3炫酷网页背景滚动视觉差特效 PetitQ 图片/图形, 布局框架 2022-1-13 3.10K 0 2 这是一款使用纯CSS/CSS3制作的响应式网页背景滚动视觉差特效。该视觉差特效在用户向下滚动页面的时候,页面的背景图像会以不同的速度进行滚动,产生炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构分为两个主要元素:sect…
基于threejs炫酷全屏放大动画特效 PetitQ 布局框架 2019-5-30 3.07K 0 0 这是一款基于threejs的炫酷缩略图到全屏放大动画特效。该特效通过使用threejs。在用户点击缩略图时,将缩略图已某种炫酷的动画方式展开到全屏。 Github网址:https://github.com/Anemolo/GridT…
基于threejs炫酷全屏放大动画特效 PetitQ 布局框架 2019-5-30 3.07K 0 0 这是一款基于threejs的炫酷缩略图到全屏放大动画特效。该特效通过使用threejs。在用户点击缩略图时,将缩略图已某种炫酷的动画方式展开到全屏。 Github网址:https://github.com/Anemolo/GridT…
golden-layout - 强大的响应式窗口分割插件 PetitQ 布局框架 2020-1-10 2.91K 0 0 golden-layout是一款强大的响应式窗口分割插件。他可以最大化窗口、最小化窗口、以及关闭窗口。还可以设置分割线,通过拖拽分割线来改变窗口的大小,并且这是响应式的。 使用方法 在HTML文件中引入 HTML结构 Wheneve…
golden-layout - 强大的响应式窗口分割插件 PetitQ 布局框架 2020-1-10 2.91K 0 0 golden-layout是一款强大的响应式窗口分割插件。他可以最大化窗口、最小化窗口、以及关闭窗口。还可以设置分割线,通过拖拽分割线来改变窗口的大小,并且这是响应式的。 使用方法 在HTML文件中引入 HTML结构 Wheneve…
手机APP切换页面动画过渡效果 PetitQ 布局框架 2019-1-27 2.82K 0 0 这是一款使用CSS3制作的手机APP切换页面动画过渡效果。该页面切换动画效果只设计了两个页面,可以点击前一页和上一页按钮来回切换,并在页面切换的时候使用CSS3制作了非常炫酷的过渡动画效果。 HTML结构 该手机APP页面切换特效的…
手机APP切换页面动画过渡效果 PetitQ 布局框架 2019-1-27 2.82K 0 0 这是一款使用CSS3制作的手机APP切换页面动画过渡效果。该页面切换动画效果只设计了两个页面,可以点击前一页和上一页按钮来回切换,并在页面切换的时候使用CSS3制作了非常炫酷的过渡动画效果。 HTML结构 该手机APP页面切换特效的…
创意水平拖拽式轮播图幻灯片jQuery特效 PetitQ 布局框架 2020-1-08 2.62K 0 0 这是一款js动感水平拖拽式轮播图特效。该轮播图特效通过拖拽方式切换图片,拖拽过程中图片有弹性缩放效果,非常炫酷。 使用方法 在HTML文件中引入 HTML结构 Please view in full page mode Hi See…
创意水平拖拽式轮播图幻灯片jQuery特效 PetitQ 布局框架 2020-1-08 2.62K 0 0 这是一款js动感水平拖拽式轮播图特效。该轮播图特效通过拖拽方式切换图片,拖拽过程中图片有弹性缩放效果,非常炫酷。 使用方法 在HTML文件中引入 HTML结构 Please view in full page mode Hi See…
简洁全屏项目列表滑动面板UI设计 PetitQ 布局框架 2019-3-01 2.20K 0 1 这是一款简洁时尚的全屏项目列表滑动面板UI设计效果。该项目菜单列表开始以缩略图的方式全屏垂直排列,当用户点击了相应的缩略图之后,其它缩略图面板向上滑动,将该项目的内容全部显露出来。 HTML结构 该全屏项目列表滑动面板的HTML结果…
简洁全屏项目列表滑动面板UI设计 PetitQ 布局框架 2019-3-01 2.20K 0 1 这是一款简洁时尚的全屏项目列表滑动面板UI设计效果。该项目菜单列表开始以缩略图的方式全屏垂直排列,当用户点击了相应的缩略图之后,其它缩略图面板向上滑动,将该项目的内容全部显露出来。 HTML结构 该全屏项目列表滑动面板的HTML结果…
全屏视频图片轮播布局特效 PetitQ 布局框架, 幻灯片/轮播 2019-3-18 2.17K 0 1 这是一款带视频播放的全屏轮播图布局特效。该布局以轮播图的方式展示消息,当用户点击轮播图之后,会全屏播放指定的视频文件。 使用方法 在页面中引入demo.css、jquery和TweenMax.min.js、CSSPlugin.min…
全屏视频图片轮播布局特效 PetitQ 布局框架, 幻灯片/轮播 2019-3-18 2.17K 0 1 这是一款带视频播放的全屏轮播图布局特效。该布局以轮播图的方式展示消息,当用户点击轮播图之后,会全屏播放指定的视频文件。 使用方法 在页面中引入demo.css、jquery和TweenMax.min.js、CSSPlugin.min…
创意卡片式项目管理界面UI设计 PetitQ 布局框架 2019-1-27 2.13K 0 0 这是一款非常有创意的卡片式项目管理界面UI设计效果。该UI设计中,将各个项目以卡片的方式堆叠排列在屏幕上,当点击了其中的某个项目的时候,该项目图片会全屏放大,向下滚动鼠标可以看到该项目的介绍信息。该项目管理界面还提供了一个全屏的导航…
创意卡片式项目管理界面UI设计 PetitQ 布局框架 2019-1-27 2.13K 0 0 这是一款非常有创意的卡片式项目管理界面UI设计效果。该UI设计中,将各个项目以卡片的方式堆叠排列在屏幕上,当点击了其中的某个项目的时候,该项目图片会全屏放大,向下滚动鼠标可以看到该项目的介绍信息。该项目管理界面还提供了一个全屏的导航…
CSS3名片式卡片设计特效 PetitQ 布局框架 2019-5-25 2.12K 0 0 这是一款CSS3名片式卡片设计特效。该卡片使用简单的CSS3代码,来构建带图片,图标和标题,描述信息的卡片布局。 HTML结构 Stuart White I suppose if we couldn't laugh at thing…
CSS3名片式卡片设计特效 PetitQ 布局框架 2019-5-25 2.12K 0 0 这是一款CSS3名片式卡片设计特效。该卡片使用简单的CSS3代码,来构建带图片,图标和标题,描述信息的卡片布局。 HTML结构 Stuart White I suppose if we couldn't laugh at thing…
Material Design 风格信息卡片UI设计 PetitQ 布局框架 2019-3-01 2.08K 0 0 这是一款非常时尚的移动手机Material Design风格信息卡片UI设计效果。该卡片设计效果中所有的卡片在点击或触摸之后,会以平滑过渡动画全屏展开。整个设计以扁平风格为主,非常时尚。 HTML结构 该卡片UI的HTML结构分为2…
Material Design 风格信息卡片UI设计 PetitQ 布局框架 2019-3-01 2.08K 0 0 这是一款非常时尚的移动手机Material Design风格信息卡片UI设计效果。该卡片设计效果中所有的卡片在点击或触摸之后,会以平滑过渡动画全屏展开。整个设计以扁平风格为主,非常时尚。 HTML结构 该卡片UI的HTML结构分为2…