创意堆叠式导航菜单UI界面设计 PetitQ 布局框架 2019-1-27 1.52K 0 0 这是一款非常有创意的堆叠式导航菜单UI界面设计效果。该设计效果中用户点击右上角的汉堡包按钮之后,当前界面会以3D的方式将导航面板堆叠在页面的下方,共有3个面板,后两个面板是当前导航的后面两个导航。 HTML结构 该堆叠式导航菜单UI…
创意堆叠式导航菜单UI界面设计 PetitQ 布局框架 2019-1-27 1.52K 0 0 这是一款非常有创意的堆叠式导航菜单UI界面设计效果。该设计效果中用户点击右上角的汉堡包按钮之后,当前界面会以3D的方式将导航面板堆叠在页面的下方,共有3个面板,后两个面板是当前导航的后面两个导航。 HTML结构 该堆叠式导航菜单UI…
炫酷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…
Bootstrap5 图文卡片博客文章排版响应式布局 PetitQ 布局框架 2021-12-15 1.09K 0 0 图文卡片响应式布局特效是一款常用的图文列表ui布局,用于展示图文标题内容等,这款Bootstrap5图文卡片响应式布局特效,包含博客卡片、普通卡片、个人资料、推荐卡、产品卡、背景卡片。
Bootstrap5 图文卡片博客文章排版响应式布局 PetitQ 布局框架 2021-12-15 1.09K 0 0 图文卡片响应式布局特效是一款常用的图文列表ui布局,用于展示图文标题内容等,这款Bootstrap5图文卡片响应式布局特效,包含博客卡片、普通卡片、个人资料、推荐卡、产品卡、背景卡片。
Material Design 风格信息卡片UI设计 PetitQ 布局框架 2019-3-01 2.07K 0 0 这是一款非常时尚的移动手机Material Design风格信息卡片UI设计效果。该卡片设计效果中所有的卡片在点击或触摸之后,会以平滑过渡动画全屏展开。整个设计以扁平风格为主,非常时尚。 HTML结构 该卡片UI的HTML结构分为2…
Material Design 风格信息卡片UI设计 PetitQ 布局框架 2019-3-01 2.07K 0 0 这是一款非常时尚的移动手机Material Design风格信息卡片UI设计效果。该卡片设计效果中所有的卡片在点击或触摸之后,会以平滑过渡动画全屏展开。整个设计以扁平风格为主,非常时尚。 HTML结构 该卡片UI的HTML结构分为2…
创意网格图片横向拖动式菜单布局 PetitQ 布局框架 2019-6-24 1.25K 0 0 这是一款带网格图片预览的横向拖动式菜单布局。该布局的创意是所有菜单项全屏横向布局,通过鼠标拖拽进行切换。在拖动菜单时,相应的图片缩略图随着变化。当点击指定的链接时,缩略图切换为大图进行展示。布局中的动画使用TweenMax来制作。拖…
创意网格图片横向拖动式菜单布局 PetitQ 布局框架 2019-6-24 1.25K 0 0 这是一款带网格图片预览的横向拖动式菜单布局。该布局的创意是所有菜单项全屏横向布局,通过鼠标拖拽进行切换。在拖动菜单时,相应的图片缩略图随着变化。当点击指定的链接时,缩略图切换为大图进行展示。布局中的动画使用TweenMax来制作。拖…
蓝色商务风格404错误页面 PetitQ 布局框架 2022-1-01 796 0 0 404页面设计得好的话,会产生截然不同的效果,也会让用户体验到你的品牌存在感,那么小编就分享一款蓝色商务风格404错误页面给大家,希望对您有参考作用。
蓝色商务风格404错误页面 PetitQ 布局框架 2022-1-01 796 0 0 404页面设计得好的话,会产生截然不同的效果,也会让用户体验到你的品牌存在感,那么小编就分享一款蓝色商务风格404错误页面给大家,希望对您有参考作用。
18种垂直分页导航按钮动画特效 PetitQ 图片/图形, 布局框架 2019-3-15 1.44K 0 0 这是一组效果非常炫酷的垂直分页导航按钮动画特效。这组特效通用18种效果,可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。 HTML结构 生成上面的垂直分页导航效果的HTML结构如下: CSS样式 .nav { posi…
18种垂直分页导航按钮动画特效 PetitQ 图片/图形, 布局框架 2019-3-15 1.44K 0 0 这是一组效果非常炫酷的垂直分页导航按钮动画特效。这组特效通用18种效果,可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。 HTML结构 生成上面的垂直分页导航效果的HTML结构如下: CSS样式 .nav { posi…
2款可爱的卡通404错误页面模板下载 PetitQ 布局框架 2021-12-05 579 0 0 今日分享两款可爱的卡通404页面模板,两款是相同风格不同卡通人物,作为404页面很是可爱哦,喜欢的小伙伴们不要犹豫。
2款可爱的卡通404错误页面模板下载 PetitQ 布局框架 2021-12-05 579 0 0 今日分享两款可爱的卡通404页面模板,两款是相同风格不同卡通人物,作为404页面很是可爱哦,喜欢的小伙伴们不要犹豫。
手机APP切换页面动画过渡效果 PetitQ 布局框架 2019-1-27 2.81K 0 0 这是一款使用CSS3制作的手机APP切换页面动画过渡效果。该页面切换动画效果只设计了两个页面,可以点击前一页和上一页按钮来回切换,并在页面切换的时候使用CSS3制作了非常炫酷的过渡动画效果。 HTML结构 该手机APP页面切换特效的…
手机APP切换页面动画过渡效果 PetitQ 布局框架 2019-1-27 2.81K 0 0 这是一款使用CSS3制作的手机APP切换页面动画过渡效果。该页面切换动画效果只设计了两个页面,可以点击前一页和上一页按钮来回切换,并在页面切换的时候使用CSS3制作了非常炫酷的过渡动画效果。 HTML结构 该手机APP页面切换特效的…
带CSS混合模式JS视觉差轮播图特效 PetitQ 布局框架, 幻灯片/轮播 2019-4-12 1.63K 0 0 这是一款带CSS混合模式的JS视觉差轮播图特效。该特效使用CSS mix-blend-mode将文字和图片背景进行混合,并在点击时带有炫酷的视觉差特效。 使用方法 在页面中引入下面的文件。 HTML结构 页面的HTML结构如下。 E…
带CSS混合模式JS视觉差轮播图特效 PetitQ 布局框架, 幻灯片/轮播 2019-4-12 1.63K 0 0 这是一款带CSS混合模式的JS视觉差轮播图特效。该特效使用CSS mix-blend-mode将文字和图片背景进行混合,并在点击时带有炫酷的视觉差特效。 使用方法 在页面中引入下面的文件。 HTML结构 页面的HTML结构如下。 E…
适合餐饮美食行业的404动画页面 PetitQ 布局框架 2021-12-17 678 0 0 这是小编收集过来的非常适合餐饮美食行业的404动画页面,该页面不仅有预加载倒数,还将“0”改成一碗美味的海鲜面,这种体验能大大减少用户遭遇404时的焦虑感,创意满满。
适合餐饮美食行业的404动画页面 PetitQ 布局框架 2021-12-17 678 0 0 这是小编收集过来的非常适合餐饮美食行业的404动画页面,该页面不仅有预加载倒数,还将“0”改成一碗美味的海鲜面,这种体验能大大减少用户遭遇404时的焦虑感,创意满满。
简洁全屏项目列表滑动面板UI设计 PetitQ 布局框架 2019-3-01 2.20K 0 1 这是一款简洁时尚的全屏项目列表滑动面板UI设计效果。该项目菜单列表开始以缩略图的方式全屏垂直排列,当用户点击了相应的缩略图之后,其它缩略图面板向上滑动,将该项目的内容全部显露出来。 HTML结构 该全屏项目列表滑动面板的HTML结果…
简洁全屏项目列表滑动面板UI设计 PetitQ 布局框架 2019-3-01 2.20K 0 1 这是一款简洁时尚的全屏项目列表滑动面板UI设计效果。该项目菜单列表开始以缩略图的方式全屏垂直排列,当用户点击了相应的缩略图之后,其它缩略图面板向上滑动,将该项目的内容全部显露出来。 HTML结构 该全屏项目列表滑动面板的HTML结果…