当前阅读教程:Font Awesome图标教程 > 旋转和翻转的图标 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 动态图标 | 下一篇: 堆叠的图标 |
fa-rotate-* 和 fa-flip-* 类用于旋转和翻转图标。 示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>2d5.net小白教程网-Font Awesome 旋转和翻转的图标</title> <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css" > </head> <body> <i class="fa fa-shield fa-3x"></i> <i class="fa fa-shield fa-3x fa-rotate-90"></i> <i class="fa fa-shield fa-3x fa-rotate-180"></i> <i class="fa fa-shield fa-3x fa-rotate-270"></i> <br> <i class="fa fa-shield fa-3x"></i> <i class="fa fa-shield fa-3x fa-flip-horizontal"></i> <i class="fa fa-shield fa-3x fa-flip-vertical"></i> </body> </html> 效果如图: |
|
上一篇: 动态图标 | 下一篇: 堆叠的图标 |