-
-
-
-
-
-
一组精美的纯CSS3滑动开关按钮
这是一组使用CSS3制作的精美滑动开关按钮特效。这组滑动按钮按Bootstrap的情景类来设计，可以适应5种不同的场景，以及一种不可用的状态。使用方法HTML结构该滑动按钮效果的基本HTML结构使用一个div元素来包裹一个input元素和两个label元素。div class="switch-box"input
2018-02-04 01:30 -
6种CSS3炫酷预加载Loading指示器动画特效
这是一组效果非常酷的纯CSS3炫酷预加载Loading指示器动画特效。这组loading指示器共6种效果，都是使用:before和:after伪元素，以及CSS帧动画来完成各种不同的预加载指示器动画。 使用方法音频波形Loading动画HTML结构使用5个空的span元素，每一个代表一条波形柱子。div i
2018-02-04 01:30 -
带炫酷CSS3过渡动画的全屏导航菜单网页UI设计
这是一款效果非常炫酷的带炫酷CSS3过渡动画的全屏导航菜单网页UI设计效果。该导航菜单使用CSS3和少量的jQuery来制作，当用户点击左上角的汉堡包按钮时，全屏菜单将从屏幕上方滑动显示出来。使用方法HTML结构该全屏导航菜单的汉堡包按钮使用一个div元素来包裹一个按钮元素
2018-02-04 01:30 -
有趣的纯CSS3弹性卡通小怪物弹跳动画特效
这是一款使用纯CSS3制作的非常有趣的卡通小怪物弹跳动画特效。该CSS3特效中有三个卡通小怪物，它们在不停的上下弹跳，并且各自的身体也带有一些弹性效果。使用方法HTML结构每一个卡通小怪物的HTML结构都基本相似，使用嵌套div来构成怪物的身体。例如蓝色怪物的HTML结构为
2018-02-04 01:30 -
纯CSS3实现图片双色调彩色滤光特效
colofilter.css是一款可以使用CSS3来制作图片的双色调彩色滤光特效的插件。colofilter.css通过CSS的混合模式来对图片颜色进行各种合成，制作出双色调效果。双色调模式用一种灰色油墨或彩色油墨来渲染一个灰度图像。该模式最多可向灰度图像添加4种颜色，从而可以打印出比单
2018-02-04 01:30 -
20种炫酷的菜单线条动画特效UI设计效果
这是一款效果非常炫酷的菜单线条动画特效UI设计效果。这组菜单线条动画共有20种效果，各种效果在用户点击菜单项时，会有不同的线条动画出现。使用方法HTML结构所有的菜单都具有相同的HTML结构：section class="section section--menu" id="Prospero"h2 class="section__t
2018-02-04 01:30 -
超酷纯CSS3动感手风琴列表ui界面设计
这是一款使用纯CSS3制作的动感垂直手风琴列表ui界面设计效果。该手风琴特效设计时尚，颜色搭配非常好，每次点击手风琴项时都带有很酷的动画效果。使用方法HTML结构该手风琴特效的每一个手风琴项使用的是input元素和label元素的组合。在label元素中放置的是每一个手风琴项
2018-02-04 01:30 -
仿Google Now卡片翻转动画特效
这是一款仿Google Now卡片翻转的动画特效。该特效使用CSS3和jQuery来制作，所有卡片使用网格布局，当用户点击某张卡片时，该卡片会翻转移动到屏幕中间，此时任意点击空白位置，卡片又会翻转移动会原来的位置。由于IE浏览器不支持transform-style: preserve-3d;属性，所以
2018-02-04 01:30 -
Material Design风格卡片切换UI设计
这是一款效果非常酷的Material Design风格卡片切换UI设计效果。该卡片切换效果使用jQuery和CSS3来完成，它在切换卡片的时候页面的背景颜色会随着卡片的主要颜色而改变，并且卡片会随着图片内容而改变高度。使用方法HTML结构该Material Design风格卡片UI设计的HTML结构如下
2018-02-04 01:30 -
Material Design风格侧边栏UI设计
这是一款非常实用的Material Design风格侧边栏UI设计效果。该Material Design风格侧边栏支持4种侧边栏定位方式和4种不同的侧边栏主题效果。并且侧边栏的顶部还可以使用图片和颜色两种模式。使用方法该侧边栏UI中使用的图标是Material Design Iconic Font。该侧边栏可以和
2018-02-04 01:30 -
纯CSS3炫酷animation动画steps属性打造西洋镜动画特效
这是一款效果非常炫酷的纯CSS3西洋镜动画特效。该西洋镜动画使用CSS3的帧动画和3D transforms来制作，在animation动画的animation-timing-function参数使用steps来处理，制作出类似西洋镜的连续动画效果。西洋镜1834年，William George Horner(威廉姆·乔治·候纳)发明了
2018-02-04 01:30 -
使用steps属性制作僵尸行走CSS3 Sprite动画特效
这是一款使用animation动画的steps属性制作的僵尸行走CSS3 Sprite动画特效。该动画特效利用steps属性将一张雪碧图不断的快速播放，形成僵尸走路的动画效果。使用方法HTML结构该僵尸行走动画特效的HTML结构非常将，使用一个空的div元素作为容器即可。div class="zoombie"/
2018-02-04 01:30 -
4种时尚精美的input元素滑块UI设计效果
这是一组效果非常精美的时尚input元素滑块UI设计效果。这组滑块共4种不同的效果，它们使用CSS3来渲染样式，使用JavaScript来处理滑块的鼠标拖动事件。使用方法HTML结构这组滑块的HTML结构就是一个&ly;input type="range"元素。input type='range' id='r1' class='tip fil
2018-02-04 01:30 -
简单实用的jQuery和CSS3卡片自动翻牌特效
这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backface-visibility属性来制作卡片正反面效果，并使用jQuery使其自动旋转起来。使用方法HTML结构该卡片自动翻转效果的HTML结构如下：front为卡片的正面，back为卡片的反面。div class="ca
2018-02-04 01:30 -
纯CSS3打造逼真的苹果（Apple）电脑键盘
这是一款使用纯CSS3制作的效果非常逼真的苹果（Apple）电脑键盘效果。该苹果电脑键盘可以通过按真实键盘上的相应键来触发虚拟键盘上的键，按键被按下时有逼真的动画效果。使用方法HTML结构该苹果键盘效果的HTML结构中，将键盘的每一部分用无序列表来包裹，各组列表分为功
2018-02-04 01:30
闽ICP备12017094号-3