一级分类

创客主机
CSS3超炫汉堡包变形动画jQuery特效

CSS3超炫汉堡包变形动画jQuery特效

这是一款使用jQuery和CSS3来制作的炫酷汉堡包变形动画特效。该特效通过通过jQuery来附加按钮事件,并通过CSS3 transform和animation来制作动画特效。 HTML结构 该汉堡包变形动画特效的HTML结构如下…
纯CSS3列表面板导航设计效果

纯CSS3列表面板导航设计效果

这是一款使用CSS3制作的垂直列表面板设计效果。该列表面板可用于制作文章列表,排行列表等。在用户使用鼠标滑过列表项时,列表项会有炫酷的丝带浮动动画特效。 HTML结构 该列表面板的HTML结构如下:使用一个元素来包裹一组有序列表元素…
纯CSS3单页切换导航菜单界面设计

纯CSS3单页切换导航菜单界面设计

这是一款使用纯CSS3制作的单页切换导航菜单界面设计效果。该页面效果中,在页面的左侧垂直排放一组导航按钮,当点击导航按钮时,相应的页面会从屏幕右侧滑动出来,效果非常炫酷。 HTML结构 该单页切换导航菜单界面的HTML结构如下: B…
超酷汉堡包菜单按钮变形动画

超酷汉堡包菜单按钮变形动画

这是一款使用CSS3和少量jQuery代码来完成的汉堡包菜单按钮变形动画特效。该特效使用CSS3 transition 和 transform 来完成变形动画效果,使用jQuery来触发按钮点击事件。 HTML结构 该汉堡包按钮的H…
下划线跟随CSS3下拉菜单特效

下划线跟随CSS3下拉菜单特效

这是一款使用纯CSS3制作的带下划线跟随效果的下拉菜单特效。该下拉菜单通过CSS3 transform和transition来制作下划线跟随效果和下拉菜单效果。 HTML结构 该下拉菜单使用元素来包裹一个无序列表。 主页 关于我们 …
Material Design 风格侧边栏菜单变形效果

Material Design 风格侧边栏菜单变形效果

这是一款使用CSS3和少量jQuery代码来制作的Material Design风格侧边栏菜单变形效果。该侧边栏菜单开始时是一个汉堡包按钮,当用户点击该按钮之后,按钮会变形展开为右侧固定的侧边栏菜单。 HTML结构 该侧边栏菜单的H…
CSS3响应式下拉导航菜单特效

CSS3响应式下拉导航菜单特效

这是一款使用CSS3和简单的js来制作的响应式下拉导航菜单特效。该下拉导航菜单使用CSS3动画来在鼠标滑过时显示子菜单项,并且在视口变小时会切换到列表树结构。 HTML结构 该导航菜单的HTML结构如下: Home Archive …
ssMenu - 固定侧边栏jQuery插件

ssMenu - 固定侧边栏jQuery插件

ssMenu是一款jQuery固定侧边栏插件。ssMenu侧边栏插件使用简单,内置多种颜色主题,也可以自定义侧边栏菜单的颜色,非常实用。 使用方法 在页面中引入ss-menu.css、jquery和ss-menu.js文件。 HTM…
移动手机APP打开菜单过渡动画特效

移动手机APP打开菜单过渡动画特效

这是一组移动手机(Mobile)APP打开菜单时的过渡动画特效。这组过渡动画共有15种效果,分别使用CSS3 animation动画来制作,这些动画均由线条和文字组成,效果非常炫酷。这15种移动手机APP打开菜单动画效果所需的CSS…
移动手机导航菜单UI设计效果

移动手机导航菜单UI设计效果

这是一组效果很酷的移动手机导航菜单UI设计效果。这组手机导航菜单设计共有6种不同的效果,均使用CSS3和少量的jQuery代码来完成。在用户点击汉堡包菜单按钮时,会以不同的方式来显示全屏的导航菜单。 HTML结构 该手机导航菜单的基…
嘿,欢迎咨询!