在Pinterest上看到一张loading图，如下，忽然想把它用css写出来，于是就写了。。。 可能实现效果不一定完全一模一样，权当是娱乐了。

Tapbar Button Animation HTML + CSS + JavaScript DEMO and CODE DOWNLOAD   Cool Hover Effect HTML + CSS DEMO and CODE DOWNLOAD   CSS SquareJam Social Buttons HTML + CSS (SCSS) DEMO and CODE DOWNLOAD Social Sharing Button HTML + CSS (SCSS) + JavaScript …

与流行的看法相反，CSS不仅仅是用来提供一个WEB页面的基本风格，以使它看起来更有吸引力。还有很多其他的事情，CSS也可以做的很好。由于它创建动画和交互的能力，CSS集合HTML以及JavaScript给WEB开发者提供了尝试不同方法的机会。 浏览器就像一个空的画布，WEB开发者可以在这里尽情的发挥。下面是18个人们用CSS创建的又酷又有创造性的东西的例子，从原始字符到有趣的动画，有很多激励你自己将时间花费在CSS上。   1. The Simpsons Chris Pattle使用纯CSS创建了Simp…

随着近些年CSS与CSS3的发展，有些东西我们可以纯用CSS去实现，取代那些需要使用背景图片的老技术。在这篇教程中，我们将创建扁平化的面包屑导航链接，不再需要使用之前流行的“推拉门式的背景图片”。   我们将面包屑链接设计成类似雪佛龙的样式，表达向下获取内容的意思。过去我们用背景图片实现这一效果，现在我们将在边框border属性的帮助下，纯用CSS实现相同的效果。 第一步 1 2 3 4 5 <div id="crumbs"> <ul> <li><a href="…

在codepen网站发现大神写的纯css动效一枚，摇摆的娃娃，不敢自己独享，发来给大家看看 点击查看效果演示   CSS样式 * { margin: 0; padding: 0; } html, body { height: 100%; background: #f0f0f0; } #wrap { margin: -200px 0 0 -250px; width: 500px; height: 400px; background: #86b1c2; border: 20px solid #FFF; box…