热搜话题榜单

30个令人惊叹的CSS3动画演示效果

站长之家（CHINAZ.com）2月9日编译：CSS是网页设计非常重要的一部分，随着越来越多的浏览器对CSS3支持的不断完善，设计师和开发者们有了更多的选择，CSS3对CSS规范做了很大的改进，网站开发者能通过CSS3为网站设计增添很多时尚元素。这里就有30个令人惊叹的CSS3动画演示效果，它们证明了CSS3能给我们带来的巨大的可能性。

FLASH的终结者 47个惊人的CSS3动画演示

或许你已经看过很多关于CSS3动画的技术，那么现在就情看一看这次CSS3动画集体亮相的魅力吧。这里是一辑47个令人瞠目结舌 的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。

47个效果惊人的CSS3动画演示

或许你已经看过很多关于CSS3动画的技术，包括前端观察之前发表的一些，那么现在就情看一看CSS3动画的魅力吧。这里是一辑47个令人瞠目结舌的CSS3动画演示。他们演示了CSS3能给我们带来的巨大的可能性。

CSS动画VS. Web动画API

众所周知，JavaScript有一个原生动画API，叫做Web Animations API。在接下来的文章中，我们将简称为WAAPI。

使用简单 好看的CSS加载动画源码

今天小编分享的css-spinners，它自带的CSS加载样式很漂亮，图案色彩丰富，花样多多，就算不用它的CSS，也可以按它的动画来做成GIF图像。

超实用！可视化CSS3动画生成神器Stylie

自从CSS3引入了动画（transition和@keyframes，还有与之搭配的transform）之后，各路人马对它的热情都极为高涨，和JS动画相比，它写起来更简单（在没有jQuery库的情况下），同时在大多数情况下性能上也有很强的优势。所以今天我想推荐一个可视化自动生成CSS3动画的工具 —— Stylie。

推荐9款使用CSS3实现的超酷动画效果

大家都知道，在网页制作时使用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

因为CSS3，动画将一切皆有可能

热火朝天的css3无疑吸引了很多前端开发者的眼球，然而在css3中的动画属性则是新功能中的主打招牌，说到css3的动画属性不得不让人想起这三个属性：Transform﹑Transition﹑Animation。 transform属性虽然看起来可以实现动画的效果，但本质其实是静态的，说白一点其实就是一个图形的变形工具

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动画特效。

超棒的跨浏览器纯CSS动画实现：Animate.css

通常情况下如果需要生成web动画效果的话，我们肯定会考虑使用一些类库或者jQuery的animate方法，那么有什么方便的方法来快速实现动画效果呢？

帮助你生成纯CSS3动画开关效果的在线工具-On/Off FlipSwitch

以前我们介绍过在线生成纯CSS3的气泡提示的在线工具，今天我们这里介绍一个帮助你在线生成纯CSS实现的动画开关界面UI的工具 - On/Off FlipSwitch。

分享25个CSS3动画按钮和菜单教程

站长之家（CHINAZ.com）5月31日编译：随着CSS3的出现以及越来越多的浏览器对它的支持，设计人员和开发人员有了更多的选择，CSS3提供了很多的设计上的新技术和高级功能，使创建网站变得更容易，用纯CSS也可以实现各种各样很酷的效果，甚至是动画。在本文中，将分享25个CSS3动画按钮和菜单教程，希望对你有所帮助。

用CSS3打造独具创意的动画菜单效果

站长之家（CHINAZ.com）4月12日编译：CSS3新增添了实现动画效果的新功能，通过本文，你可以对这些新功能有个初步了解。本文将为大家带来一些充满创意的菜单悬停效果。它由图标，主标题，副标题等简单的元素构成，通过CSS3最新的过渡（transition）和动画（animation）两个功能实现鼠标悬停时的动画效果。我们用同样的元素做出了9种不同的效果。

18个绚丽惊人的CSS3效果应用演示

站长之家（CHINAZ.com）3月6日编译：对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择，用纯CSS也可以实现各种各样很酷的效果，甚至是动画。本文就收集了18个绚丽惊人的CSS3效果应用演示，展示出了CSS3各种新特性的强大能力。

10个CSS和jQuery的加载中（loading）动画效果实现

以往web开发中都使用Gif来实现加载中的效果，但是随着技术的发展我们也可以使用jQuery和CSS来实现加载中的效果，希望大家喜欢！

10个实用的CSS和JavaScript动画插件/框架/库

站长之家（CHINAZ.com）12月1日编译：在网站中嵌入动画已经成为今年的设计趋势之一，很多公司已经开始向前迈进，转向HTML5、CSS3和JavaScript三位一体，虽然这些技术还不能制作一些非常复杂的动画，但如果具有良好的规划和创造性思维，使用这些技术制作的即便是一些简单的动画也足以打动大多数人。此外，随着CSS3技术的发展，CSS3动画日渐流行。这里就有国外网站推荐的10个实用的CSS和JavaScript动画插件、框架和库，希望对你有所帮助。

Google奉上首个CSS动画涂鸦

Google今天的涂鸦十分特别，这个动画图片并非传统的GIF图像，而是使用CSS Sprite技术，利用一个初始图片和一张画满各个动作的拼接图片，从而实现了动画效果。