也想出现在这里？联系我们吧
XSwitch全屏滚动jQuery插件
PetitQ
XSwitch是一款jQuery全屏滚动插件，XSwitch可以高度自定义，生成通过鼠标滚动全屏翻页的效果。 使用方法 在页面最后引入jquery和XSwitch.min.js文件。 HTML结构 基本的HTML结构如下。 CSS样…
纯CSS3打造西洋镜动画特效
这是一款效果非常炫酷的纯CSS3西洋镜动画特效。该西洋镜动画使用CSS3的帧动画和3D transforms来制作，在animation动画的animation-timing-function参数使用steps来处理，制作出类似西洋…
Material Design风格侧边栏UI设计
这是一款非常实用的Material Design风格侧边栏UI设计效果。该Material Design风格侧边栏支持4种侧边栏定位方式和4种不同的侧边栏主题效果。并且侧边栏的顶部还可以使用图片和颜色两种模式。该侧边栏UI中使用的图…
Material Design风格卡片切换UI设计
这是一款效果非常酷的Material Design风格卡片切换UI设计效果。该卡片切换效果使用jQuery和CSS3来完成，它在切换卡片的时候页面的背景颜色会随着卡片的主要颜色而改变，并且卡片会随着图片内容而改变高度。 HTML结构…
仿 Google Now 卡片翻转动画特效
这是一款仿Google Now卡片翻转的动画特效。该特效使用CSS3和jQuery来制作，所有卡片使用网格布局，当用户点击某张卡片时，该卡片会翻转移动到屏幕中间，此时任意点击空白位置，卡片又会翻转移动会原来的位置。由于IE浏览器不支…
汉堡图标菜单列表项动画特效
这是一款效果非常炫酷的汉堡包图标变形为菜单列表项动画特效。在这个特效中，用户点击了汉堡包按钮之后，汉堡包图标的线条会变长，之后动画过渡到菜单列表状态。整个转换动画平滑流畅，效果非常酷。 HTML结构 该汉堡包变形动画特效的基本HTM…
CSS3全屏双面板内容切换UI设计
这是一款效果非常炫酷的全屏双面板内容切换UI设计效果。该UI设计使用CSS3和jQuery来制作双面板效果，左右两个面板可以通过箭头按钮来相应切换具体的内容，在内容切换时带有一些3D效果，非常炫酷。 HTML结构 该全屏双面板的HT…
12种风格时尚价格表界面设计
这是一款构思新颖的时尚价格表界面设计效果。价格表是网站为用于提供数字化服务的必要组件。这组价格表设计方案共有12种不同的效果，它们都是基于flexbox来制作的。 HTML结构 所有价格表的主要的HTML结构如下： Startup …
侧边栏多级导航菜单UI设计
这是一款使用JavaScript和CSS3制作的兼容移动手机的侧边栏多级导航菜单UI设计效果。该多级菜单侧边栏布局的菜单列表切换时带有非常酷的动画延迟效果，并且在侧边栏顶部还带有面包屑导航。另外，该多级菜单侧边栏使用媒体查询在移动手…
高等数学方程公式纯CSS样式
MathCSS是一款简单易用的可生成高等数学公式的纯CSS样式。通过MathCSS可以将特定HTML结构渲染为非常复杂的高等数学公式，如积分、求和、乘积等。MathCSS的特点有： 快速生成积分、求和、乘积等高等数学公式 MathC…
炫酷文章缩略图卡片UI界面设计
这是一款效果非常炫酷的网站列表页文章卡片UI界面设计效果，该文章卡片中包含了文章的缩略图、标题、文章简介等内容。文章的简介默认是不可见的，当鼠标滑过卡片时，缩略图被缩小，文章简介内容随之滑动显示出来。 HTML结构 该文章卡片的HT…
纯CSS超逼真苹果Apple设备模型
CSSDevices是一款使用纯CSS制作的各种超逼真的苹果（Apple）设备模型，这些CSS苹果设备模型中可以嵌入图片、文字、视频等HTML元素，并且非常容易的就可以制作出轮播图的效果。 使用方法 使用该CSS苹果设备模型特效需要…
