纯CSS3黑色气泡背景动画菜单 PetitQ 导航菜单 2022-1-05 1.05K 0 0 今天我们要来分享一款非常酷的CSS3动画菜单,这款CSS3菜单有一个很漂亮的黑色气泡背景,菜单是银白色的,和黑色的背景交织在一起更加显得有3D立体的视觉效果。CSS3的运用让菜单有圆角的效果,鼠标滑过菜单时也会改变背景。下面是实现这…
纯CSS3黑色气泡背景动画菜单 PetitQ 导航菜单 2022-1-05 1.05K 0 0 今天我们要来分享一款非常酷的CSS3动画菜单,这款CSS3菜单有一个很漂亮的黑色气泡背景,菜单是银白色的,和黑色的背景交织在一起更加显得有3D立体的视觉效果。CSS3的运用让菜单有圆角的效果,鼠标滑过菜单时也会改变背景。下面是实现这…
纯CSS3超酷日常工作备忘录列表特效 PetitQ 导航菜单 2019-1-21 1.24K 0 0 这是一款使用纯CSS制作的纯CSS3超酷日常工作备忘录列表特效。该特效中没有使用js代码,通过Checkbox技巧来完成交互动作。它可以记录某项日常工作是否完成。整体界面十分时尚大方。 HTML结构 该特效使用和元素来制作列表选项,…
纯CSS3超酷日常工作备忘录列表特效 PetitQ 导航菜单 2019-1-21 1.24K 0 0 这是一款使用纯CSS制作的纯CSS3超酷日常工作备忘录列表特效。该特效中没有使用js代码,通过Checkbox技巧来完成交互动作。它可以记录某项日常工作是否完成。整体界面十分时尚大方。 HTML结构 该特效使用和元素来制作列表选项,…
纯CSS3超酷扁平风格后台面板UI设计 PetitQ 导航菜单 2019-1-22 1.53K 0 0 这是一款使用纯CSS3制作的超酷扁平风格后台面板UI设计效果。该后台面板设计风格简洁大方,采用侧边栏TAB来切换各个面板的内容。整个界面使用扁平化设计,非常的时尚。 HTML结构 该后台面板使用一个<div>作为包裹容器…
纯CSS3超酷扁平风格后台面板UI设计 PetitQ 导航菜单 2019-1-22 1.53K 0 0 这是一款使用纯CSS3制作的超酷扁平风格后台面板UI设计效果。该后台面板设计风格简洁大方,采用侧边栏TAB来切换各个面板的内容。整个界面使用扁平化设计,非常的时尚。 HTML结构 该后台面板使用一个<div>作为包裹容器…
纯CSS3菜单汉堡包按钮变形动画特效 PetitQ 导航菜单 2019-1-21 1.59K 0 0 这是一款非常有趣的纯CSS3菜单汉堡包按钮变形动画特效。该特效共有9种不同的按钮变形动画效果,这些效果都是使用CSS3帧动画完成的,效果非常的酷。 HTML结构 该按钮变形动画使用嵌套的HTML结构。使用一个元素作为包裹元素,里面放…
纯CSS3菜单汉堡包按钮变形动画特效 PetitQ 导航菜单 2019-1-21 1.59K 0 0 这是一款非常有趣的纯CSS3菜单汉堡包按钮变形动画特效。该特效共有9种不同的按钮变形动画效果,这些效果都是使用CSS3帧动画完成的,效果非常的酷。 HTML结构 该按钮变形动画使用嵌套的HTML结构。使用一个元素作为包裹元素,里面放…
纯CSS3炫酷手机APP滑动菜单动画特效 PetitQ 导航菜单 2019-1-21 1.74K 0 0 这是一款非常时尚的纯CSS3炫酷手机APP滑动菜单动画特效。该特效中当鼠标移动到手机界面上时,菜单图标会逐个滑动显示出来。当鼠标移动到菜单区域会出现一个非常酷的半圆形扩展动画,同时菜单文字将逐一展现出来。 HTML结构 该手机滑动菜…
纯CSS3炫酷手机APP滑动菜单动画特效 PetitQ 导航菜单 2019-1-21 1.74K 0 0 这是一款非常时尚的纯CSS3炫酷手机APP滑动菜单动画特效。该特效中当鼠标移动到手机界面上时,菜单图标会逐个滑动显示出来。当鼠标移动到菜单区域会出现一个非常酷的半圆形扩展动画,同时菜单文字将逐一展现出来。 HTML结构 该手机滑动菜…
纯CSS3液态胶合效果环形菜单按钮特效 PetitQ 导航菜单 2019-1-25 1.52K 0 0 这是一款效果非常有创意的纯CSS3液态胶合效果的环形菜单按钮特效。该环行菜单按钮在用户点击主菜单按钮后,两行子菜单会以环状的方式打开,并且子菜单就像液体一样,能够胶合,具有弹性,效果非常炫酷。 HTML结构 在HTML结构中,主菜单…
纯CSS3液态胶合效果环形菜单按钮特效 PetitQ 导航菜单 2019-1-25 1.52K 0 0 这是一款效果非常有创意的纯CSS3液态胶合效果的环形菜单按钮特效。该环行菜单按钮在用户点击主菜单按钮后,两行子菜单会以环状的方式打开,并且子菜单就像液体一样,能够胶合,具有弹性,效果非常炫酷。 HTML结构 在HTML结构中,主菜单…
纯css3实现的创意新颖自定义下拉菜单 PetitQ 导航菜单 2022-2-12 1.04K 0 0 这是一款基于纯css3实现的创意新颖自定义下拉菜单,该菜单采用自定义渐变色设计,有紫色、红色、橙色三色渐变效果,非常漂亮,喜欢的小伙伴不要错过。
纯css3实现的创意新颖自定义下拉菜单 PetitQ 导航菜单 2022-2-12 1.04K 0 0 这是一款基于纯css3实现的创意新颖自定义下拉菜单,该菜单采用自定义渐变色设计,有紫色、红色、橙色三色渐变效果,非常漂亮,喜欢的小伙伴不要错过。
纯CSS3实现的仿Mac系统的Dock工具栏菜单 PetitQ 导航菜单 2022-3-14 940 0 0 今天给大家带来的是一款基于纯CSS3实现的仿Mac系统的Dock工具栏菜单,这款Dock菜单更加逼真漂亮,可配合任何漂亮的风景背景。
纯CSS3实现的仿Mac系统的Dock工具栏菜单 PetitQ 导航菜单 2022-3-14 940 0 0 今天给大家带来的是一款基于纯CSS3实现的仿Mac系统的Dock工具栏菜单,这款Dock菜单更加逼真漂亮,可配合任何漂亮的风景背景。
纯CSS3多级垂直导航菜单 PetitQ 导航菜单 2022-2-12 1.15K 0 0 纯CSS3多级垂直导航菜单,没有使用任何JavaScript代码,鼠标悬停的时候触发下一级菜单,小图标引用远程FontAwesome类库,可以使用本地文件。
纯CSS3多级垂直导航菜单 PetitQ 导航菜单 2022-2-12 1.15K 0 0 纯CSS3多级垂直导航菜单,没有使用任何JavaScript代码,鼠标悬停的时候触发下一级菜单,小图标引用远程FontAwesome类库,可以使用本地文件。
纯CSS3单页切换导航菜单界面设计 PetitQ 导航菜单 2019-3-11 1.74K 0 0 这是一款使用纯CSS3制作的单页切换导航菜单界面设计效果。该页面效果中,在页面的左侧垂直排放一组导航按钮,当点击导航按钮时,相应的页面会从屏幕右侧滑动出来,效果非常炫酷。 HTML结构 该单页切换导航菜单界面的HTML结构如下: B…
纯CSS3单页切换导航菜单界面设计 PetitQ 导航菜单 2019-3-11 1.74K 0 0 这是一款使用纯CSS3制作的单页切换导航菜单界面设计效果。该页面效果中,在页面的左侧垂直排放一组导航按钮,当点击导航按钮时,相应的页面会从屏幕右侧滑动出来,效果非常炫酷。 HTML结构 该单页切换导航菜单界面的HTML结构如下: B…
纯CSS3创意导航菜单特效 PetitQ 导航菜单 2019-3-02 1.60K 0 0 这是一款非常有创意的纯CSS3导航菜单特效。该导航菜单主要通过CSS3 transform和transition方法实现效果,非常简单。该特效由進擊的燊提供。 HTML结构 该导航菜单使用一个<nav>元素来包裹一组无序…
纯CSS3创意导航菜单特效 PetitQ 导航菜单 2019-3-02 1.60K 0 0 这是一款非常有创意的纯CSS3导航菜单特效。该导航菜单主要通过CSS3 transform和transition方法实现效果,非常简单。该特效由進擊的燊提供。 HTML结构 该导航菜单使用一个<nav>元素来包裹一组无序…
纯CSS3列表面板导航设计效果 PetitQ 导航菜单, 布局框架 2020-5-22 2.01K 0 0 这是一款使用CSS3制作的垂直列表面板设计效果。该列表面板可用于制作文章列表,排行列表等。在用户使用鼠标滑过列表项时,列表项会有炫酷的丝带浮动动画特效。 HTML结构 该列表面板的HTML结构如下:使用一个<div>元素…
纯CSS3列表面板导航设计效果 PetitQ 导航菜单, 布局框架 2020-5-22 2.01K 0 0 这是一款使用CSS3制作的垂直列表面板设计效果。该列表面板可用于制作文章列表,排行列表等。在用户使用鼠标滑过列表项时,列表项会有炫酷的丝带浮动动画特效。 HTML结构 该列表面板的HTML结构如下:使用一个<div>元素…