分享一款全屏响应式的HTML5和CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。效果图如下：在线预览   源码下载HTMLwrapperdiv的class为st-container，里面包含作为导航按钮的radio和用于页面切换的...

你可能已经在网上看到过不少使用jQuery制作的百叶窗效果，我们可不可以使用纯CSS来完成这项工作呢？答案是肯定的。我们不仅可以制作出这种百叶窗效果，还可以使它具有响应性。在线预览   源码下载要制作纯CSS的百叶窗效果，HTML结构是个关键。在html结构中，需要使用多幅相同的图片来组织...

今天给大家分享一款基于css3鼠标经过圆形旋转特效。当鼠标经过的时候图片边框颜色旋转，图片显示详情。该实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览   源码下载实现的代码。html代码：<divcl...

今天要给大家带来另外一款CSS33D立方体动画，尤其在DEMO2中可以看到，鼠标滑过立方体后，它将会被打开，从里面弹出另外一个小立方体，动画效果非常酷，非常逼真。在线预览   源码下载实现的代码。html代码：<divclass="contentbgcolor-1"><h...

这是一款效果炫酷的jQuery和CSS33D旋转画廊特效插件。该3D画廊插件可以通过前后导航按钮来切换图片，效果就像旋转木马一样。它还带有点击放大图片，显示图片标题和用键盘操作等功能。在线预览   源码下载简要教程这是一款效果非常炫酷的jQuery和CSS33D旋转画廊特效插件。第一个DE...

之前给大家分享了很多css3实现的按钮特效。今天给大家分享9款基于CSS3Transitions实现的鼠标经过图标悬停特效。这款特效适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下：在线预览   源码下载...

之前大大家分享了很多款加载条。今天给大家带来一款纯css3实现的动画加载条。这款加载条适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下：在线预览   源码下载实现的代码。html代码：<divcla...

一款基于css3的文字3D翻转特效。这款特效当鼠标经过文字的时候3D翻转显示阴影。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="component"><ulclass="grid"><li><divclass="...

今天给大家分享30款css3实现的鼠标经过图片显示描述特效，鼠标经过这些图片的时候以非常炫的方式显示图片的描述。为保证最佳的效果，请在IE10+、Chrome、Firefox和Safari等现代浏览器中浏览。在线预览   源码下载实现的代码。html代码：<divclass="con...

今天给大家分享5个基于css3超炫的鼠标滑动按钮动画。这5个按钮鼠标经过的时候有超炫的动画效果。这5个按钮适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下：在线预览   源码下载实现的代码。html代码：...

之前分享了好多款css3实现的鼠标悬停效果。今天再给大家带来一款基于CSS3制作的鼠标悬停动画菜单。这款菜单适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.不支持IE8及以下浏览器。效果图如下：在线预览   源码下载实现的代码。html代码...

之前给大家带了很多款进度加载条，今天再给大家分享一款纯css3实现的动画加载特效。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="wrap"><divclass="curve3"></div><divclass="...

今天给大家分享一款基于css3的3D图片翻页切换特效。单击图片下方的滑块会切换上方的图片。动起你的鼠标试试吧，效果图如下：在线预览   源码下载实现的代码。html代码：<divid="imgdex"><figure><imgsrc="arabic-eyes....

之前为大家带来了很多加载动画。 基于prefixfree.js的进度加载条 ，基于jquery带百分比的响应式进度加载条。今天给大家分享一款纯css3实现的条纹加载条。带有响应式的效果。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass...

介绍10组基于CSS3的鼠标滑过文字动画特效，有上凸、下凹等文字动画。这些炫酷的CSS3文字效果可以让网页变得更加绚丽。效果图如下：在线预览   源码下载实现的代码。html代码：<h2class="headingOuter">Pushdown(shadoweffect)<...