Last active
February 15, 2016 10:48
-
-
Save terrierscript/45d5b58ae9c54383f9b2 to your computer and use it in GitHub Desktop.
svgで半分の星を如何にして再現するか ref: http://qiita.com/inuscript/items/fbe1c302879e69c9a7ef
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .rating-star .half{ | |
| fill: orange; | |
| color: gray; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg width="16" height="16" viewBox="0 0 16 16"> | |
| <!-- left --> | |
| <svg | |
| width="8" height="16" | |
| preserveAspectRatio="slice xMinYMin"> | |
| <use xlink:href="star.svg#star" fill="orange" /> | |
| </svg> | |
| <!-- right --> | |
| <svg | |
| x="8" | |
| width="8" height="16" | |
| preserveAspectRatio="slice xMaxYMax"> | |
| <!-- x位置をずらす --> | |
| <use x="-8" xlink:href="star.svg#star" fill="#ddd" /> | |
| </svg> | |
| </svg> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg width="16" height="16" viewBox="0 0 16 16"> | |
| <use xlink:href="star.svg#star" fill="orange" /> | |
| <svg width="8" height="16" viewBox="0 0 8 16" x=8> | |
| <use x="-8" xlink:href="star.svg#star" fill="#ddd" /> | |
| </svg> | |
| </svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment