用CSS和JavaScript就能实现的海报滤镜效果
今天我们想告诉你如何通过图像来实现一个非常简单而有趣的效果。本问的灵感来自poster of the Grand Canyon，图像的一些小片段被裁剪掉并放置在不同的位置，创造出一种有趣和创造性的外观。今天我们将向你展示如何使用CSS和一些JavaScript创建类似的效果。
loading加载效果！使用CSS实现的loading等待加载效果
对于一些加载慢的页面，最好增加一个等待加载的状态来展示给访客看，否则很容易让访客以为该页面无法访问，从而关闭或退出页面。如果不知道用什么loading设计，可能看看今天分享的30个使用CSS实现的loading等待加载效果，看到喜欢的都可以下载使用。（下载网址：http://simbyone.com/download/30-css-page-preload-animations/）
推荐10款重量级CSS3的全新特效
CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。本周推荐10款使用CSS3实现的超酷前端动画效果。希望对大家有所帮助！
推荐9款使用CSS3实现的超酷动画效果
大家都知道，在网页制作时使用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。
将CSS CLIP属性应用在：扩展覆盖效果
我们想要展示如何利用CSS3 clip属性制作一种简单而整洁的扩展效果，当点击一个box元素时实现平稳过渡。这个想法是为了实现某种叠加效果，好像它实际上在各个元素的下面。点击其中一个元素将创建一个切断图片的效果，展示将被宽展开的另一层。 更多相关前端技术内容，请关注极客标签
绝对令人的惊叹的CSS3折叠效果
折纸效果是最近触摸屏幕最流行的一个3D效果，工作原理很简单，只需要轻轻触摸屏幕，它就会直接影响到即将显示出来的内容。这种独特的显示方式绝对可以让用户们眼前一亮！在我们的GBin1网站上，曾经共享过几篇关于折叠效果的设计文章，有兴趣的朋友可以阅读一下。
5个能够有效帮助你快速创建超棒CSS3动画效果的类库
如果你开发前端特效的话，肯定会首选javascript类库，例如，jQuery，使用它能够帮助你快速的帮助你生成兼容性相对良好的动画特效。或者，如果你对于兼容性没有太多的要求的话，你可以考虑使用性能更加优良的CSS3动画特效。大家可能还记得我们以前介绍过的animate.css, Easings和liffect三个超棒的CSS3动画类库吧。今天我们这里总结了5款有效帮助你生成CSS3动画效果的类库和工具，希望大家喜欢！
超酷的CSS3列表动画特效在线生成工具 - liffect
还记得我们曾经介绍过的开源CSS3动画CSS文件animate.css吗？使用它能够帮助你快速的编码CSS3动画效果。当然，如果你不喜欢自己编写CSS3动画效果代码的话，今天我们将介绍的另外一个在线代码生成工具liffect肯定会成为你的最爱。
21个精心挑选的超棒CSS3动画特效
CSS3能够帮助你开发出超棒的动画和特效，你是不是想了解究竟它能够帮助你创建多么具有冲击力的web设计和动画吗？看看我们这一组精心收集的CSS3在线演示吧，绝对给你视觉上的强烈冲击。希望大家喜欢，如果你也有不错的CSS3演示，请留言和我们分享，谢谢！
使用jQuery timelinr和animate.css创建超酷的CSS动画时间轴特效
由于在我们的gbtags.com社区开发中，我们需要创建一个简单实用的用户时间轴应用，这里我们选择使用Timelinr来开发，并且为了使得动画过程更加丰富和有趣我们同时使用Animate.css来创建各种不同的CSS动画特效。
帮助你生成纯CSS3动画开关效果的在线工具-On/Off FlipSwitch
以前我们介绍过在线生成纯CSS3的气泡提示的在线工具，今天我们这里介绍一个帮助你在线生成纯CSS实现的动画开关界面UI的工具 - On/Off FlipSwitch。
JS+CSS实现侧边栏跟随浏览器滚动效果
看月光博客，卢松松博客，文章页的侧边栏都可以随着浏览器滚动而停留在页面，羡慕了吧。其实我们也可以用这种特效的呢。下面，就讲讲如何实现这个效果吧~这个是卢松松博客原创的，我稍稍介绍了一下而已哈！
使用jQuery和CSS3创建一个全屏幕幻灯效果
在今天这篇文章中，我们将介绍来自于tympanus的一个全屏幻灯特效教程，在这个教程中将介绍如何使用jQuery和CSS3来实现一个全屏的幻灯特效，你将看到每一个幻灯都从水平或者垂直中间断开然后消失，使用不同的data-attributes属性来定义类型，旋转和角度等幻灯属性，这样我们可以创建非常独特的幻灯效果。
用CSS3和HTML5五步打造便签效果
站长之家（CHINAZ.com）4月23日编译：在本教程中，你会学到如何把HTML的列表项（li元素）转换成下图的“便签墙”。该效果分5步实现。内核为webkit的Safari和Chrome浏览器以及Firefox和Opera中支持该效果，其它浏览器不能实现倾斜和动画效果（译者在IE9中进行了亲测，无法实现）。
用CSS3打造独具创意的动画菜单效果
站长之家（CHINAZ.com）4月12日编译：CSS3新增添了实现动画效果的新功能，通过本文，你可以对这些新功能有个初步了解。本文将为大家带来一些充满创意的菜单悬停效果。它由图标，主标题，副标题等简单的元素构成，通过CSS3最新的过渡（transition）和动画（animation）两个功能实现鼠标悬停时的动画效果。我们用同样的元素做出了9种不同的效果。
18个绚丽惊人的CSS3效果应用演示
站长之家（CHINAZ.com）3月6日编译：对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择，用纯CSS也可以实现各种各样很酷的效果，甚至是动画。本文就收集了18个绚丽惊人的CSS3效果应用演示，展示出了CSS3各种新特性的强大能力。
使用jQuery和CSS3实现的超炫3D画廊特效
今天我们分享一款使用jQuery和CSS3实现的3D环廊展示特效，这个3D特效使用CSS3的3D变化特性实现，简单而非常华丽，希望大家喜欢！
10个CSS和jQuery的加载中（loading）动画效果实现
以往web开发中都使用Gif来实现加载中的效果，但是随着技术的发展我们也可以使用jQuery和CSS来实现加载中的效果，希望大家喜欢！
情人节演绎技术范 移动版百度首页推HTML5+CSS3特效
继农历新年“搜龙点睛”活动之后，百度移动在情人节当日再次推出情人节页面特效，借助HTML5技术成功演绎情人节浪漫的“技术范”。
30个令人惊叹的CSS3动画演示效果
站长之家（CHINAZ.com）2月9日编译：CSS是网页设计非常重要的一部分，随着越来越多的浏览器对CSS3支持的不断完善，设计师和开发者们有了更多的选择，CSS3对CSS规范做了很大的改进，网站开发者能通过CSS3为网站设计增添很多时尚元素。这里就有30个令人惊叹的CSS3动画演示效果，它们证明了CSS3能给我们带来的巨大的可能性。
闽公网安备 35020302000061号