将 Font Awesome 符号切成两半？

Question

如何将 Font Awesome 符号切成两半？我不是说把它减半，我的意思是实际上把它切成两半。例如，如果我想要一个半圆 ( fa-circle)。

最好这适用于所有百分比，而不仅仅是 50%，这意味着我可以将符号切割成四分之一、五分之一、十分之一等。

Answer 1

尝试这个：

i.fa {
  position: relative;
}

i.fa:after {
  bottom: 0;
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 50%;
  left: 0;
  right: 0;
}

演示： http: //jsfiddle.net/lotusgodkk/GCu2D/2232/