In this tutorial, I'll show you how

In this tutorial, I'll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS.
Neon - Bootstrap Admin Template

cssbuttons_main

View demo Download source

Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with sprites, in the past.

In this tutorial, I’ll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS.

The font used is ‘Open Sans’ by Steve Matteson.

Disclaimer:
I’ll not be using CSS vendor prefixes in this tutorial or else it would be crazy long, but you will find them in the downloadable files.

I avoided CSS transitions since, right now, Firefox is the only browser that supports them on pseudo-elements. Plus, I believe that these buttons work just fine without them.

結果 (中文) 1:

在本教程中，我将向您展示如何创建一个扭曲的按钮，使用按钮每次只有一个锚标记和CSS的伟大力量
霓虹灯 - 引导管理模板

cssbuttons_main

查看演示下载源

HOLA，吾友。在过去的一个月左右的时间，我一直在尝试用CSS伪元素的力量，特别是当它在本教程中涉及到的按钮和方式再造一些伟大的效果，是唯一可能做的精灵，在过去的混合。

，我将向您展示如何创建一个扭曲的按钮，只用每按键和css的巨大力量一个锚标记

使用的字体是“开放的sans”由史蒂夫·马特森

免责声明：。
我会不会用css供应商前缀在本教程中，否则这将是疯狂的长，但你会发现他们在下载的文件。

我避免CSS过渡，因为，现在，Firefox是支持他们的唯一浏览器伪元素。另外，我认为，这些按钮的工作就好了，没有他们。

結果 (中文) 2:

在本教程中，我将向您展示如何创建一个扭曲的按钮，每个按钮只使用一个锚标签和CSS的伟大力量。
霓虹灯引导管理模板

cssbuttons_main

查看演示下载源

你好，朋友。在过去一个月左右，我一直在尝试用CSS伪元素的力量，特别是当它来将它们与按钮和这样的重建效果好，是唯一可能做的精灵，在过去的。

在本教程中，我将向您展示如何创建一个扭曲的按钮，每个按钮只使用一个锚标签和CSS

的伟大力量。使用的字体是“史提夫马特森开放SANS的。

免责声明：
我不会在本教程中，否则它会疯狂的长期使用CSS供应商前缀，但你会在下载的文件中找到他们。

我避免CSS过渡以来，现在，Firefox是支持他们的伪元素的浏览器。另外，我相信这些按钮的工作就好了没有。

結果 (中文) 3:

在本教程中，我会教你怎么一搓，创建按钮使用只是一个定位点标记每个按钮和 css 的伟大力量
霓虹灯-引导管理员模板

cssbuttons_main

查看演示下载源文件

喜欢朋友。上个月左右的时间里，我已经尝试过的 CSS 伪元素力量特别当它来到他们掺按钮和的方式重新创建一些很好的效果，只是可能跟魍魉，过去

在此教程中，我会教你怎么一搓，创建按钮使用只是一个定位点标记每个按钮和 css 的伟大力量

所使用的字体是开放的 San ' 由史蒂夫 · 马特森。

免责声明:
我不会在本教程中使用 CSS 供应商前缀或不然的话它长，就会疯狂，但你会发现他们在

我避免 CSS 过渡以来，现在，火狐浏览器是唯一支持浏览器，他们在伪元素上。 可下载的文件。再加上，我相信这些按钮没有他们只是很好地工作。