纯css实现图标按钮框架
-
原创
-
2016-07-25 08:47:59
1103浏览
fa-lg图标大小(增加33%), fa-2x, fa-3x, fa-4x,或 fa-5x类。
fa-stack-1x固定大小的图标, fa-stack-2x
使用任意旋转和翻转图标 fa-rotate-*和 fa-flip-*类。 *代表多少度:fa-rotate-90
使用 fa-spin旋转类得到任何图标。能够很好地处理 fa-spinner, fa-refresh, fa-cog.
fa-border 边框
演示地址demo: http://www.0917cc.com/blog/b926.htm
- @font-face {
- font-family: 'FontAwesome';
- src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
- src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
- font-weight: normal;
- font-style: normal;
- }
复制代码
![](http://img.it-home.org/data/attachment/forum/2015pic/02154341_XG33.jpg) |
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。