也想出现在这里？联系我们吧
炫酷打开模态窗口过渡动画特效
PetitQ
这是一款使用CSS3 animation动画制作的超酷打开模态窗口过渡动画特效。该CSS过渡动画的原理是通过steps()函数来制作步进动画，通过不同的背景雪碧图片制作出不同的动画过渡效果。 HTML结构 这11种不同的动画过渡效果…
Grd-基于Flexbox的CSS网格系统框架
Grd是一款基于Flexbox的CSS网格系统框架。通过这个CSS网格框架，你可以在页面中进行各种形式的网格布局。它默认采用和Bootstrap相同的12列布局。它的特点还有： 使用简单，布局时只需要使用Grid和cell这两个cl…
基于Bootstrap水晶玻璃质感按钮
这是一款基于Bootstrap的水晶玻璃质感按钮设计效果。这些按钮在Bootstrap按钮的基础上，通过为按钮的伪元素添加背景图像和渐变效果，制作出非常漂亮的水晶玻璃质感按钮。 使用方法 要使用这些水晶按钮，需要在页面中引入Boot…
带幻影文字效果的炫酷js轮播图特效
这是一款带幻影文字效果的炫酷js轮播图特效。该轮播图特效的创意是在切换轮播图时，将文字以幻影的方式隐藏和显示，效果非常炫酷。该轮播图特效使用TweenMax来制作动画特效。另外，该轮播图中使用了一些高级CSS3特性，请在支持这些CS…
6种精美的纯CSS3丝带效果
这是一组非常精美的纯CSS3丝带设计效果。这组丝带效果分别使用:before和:after伪元素来制作各种丝带，适用于要使用丝带效果的各种不同场景。 HTML结构 这些丝带效果的HTML结构：使用一个<div>作为容器，…
CSS3+JS炫酷3D拖拽卡片动画特效
这是一款使用CSS3和纯JavaScript制作的炫酷3D卡片拖拽特效。用户可以通过鼠标拖拽卡片，卡片在拖拽的过程中会发生3D变形，并且带有音效，效果非常炫酷。由于IE浏览器不支持transform-style: preserve-…
表单input输入框聚焦动画特效
这是一组效果超酷的表单input输入框聚焦CSS3动画特效。这组特效共24种不同的聚焦动画效果，分为3个类别，分别是边框动画特效，背景动画特效和浮动标签动画特效。这组输入框聚焦特效主要使用CSS3 :focus选择器来制作。:foc…
图片画廊鼠标滑过图片动画过渡特效
这是一款使用纯CSS3制作的超酷图片画廊鼠标滑过图片动画过渡特效。该特效中，图片使用flex来进行网格布局，当鼠标滑过图片时，图片平滑向上移动，下方的图片描述信息被显示出来。 HTML结构 该特效使用嵌套<div>的HT…
CSS3扁平风格垂直手风琴UI设计
这是一款使用CSS3和少量jQuery代码来制作的炫酷扁平风格垂直手风琴UI设计效果。该手风琴通过色彩和阴影效果来展现Material Design的设计风格，时尚大方。 HTML结构 该垂直手风琴使用一个<section&g…
纯CSS3制作逼真的iphone 6手机模型
这是一款使用纯CSS3制作的逼真的iphone 6手机模型特效。该特效中通过简单HTML代码配合CSS3渐变等效果，制作出逼真的iphone6手机模型效果。 HTML结构 该iphone6手机的HTML结构如下： CSS样式 在CS…
纯CSS3扁平风格动态天气图标效果
这是一组使用 纯CSS3 animation制作的扁平风格动态天气图标效果。这组天气图标共7个，分别为：晴天，多云，下雨，彩虹，夜间，闪电和下雪。 HTML结构 各个图标都是使用一个空的<div>作为容器。有7个预置的c…
CSS3响应式下拉导航菜单特效
这是一款使用CSS3和简单的js来制作的响应式下拉导航菜单特效。该下拉导航菜单使用CSS3动画来在鼠标滑过时显示子菜单项，并且在视口变小时会切换到列表树结构。 HTML结构 该导航菜单的HTML结构如下： Home Archive …
