Forked from Chris Coyier's Pen SVG with Filters.
A Pen by Jeong Inyoung on CodePen.
Created
December 30, 2014 08:57
-
-
Save JeongInyoung/f17a698e22e0119cde10 to your computer and use it in GitHub Desktop.
SVG with Filters
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 class="close" version="1.1" id="close" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" | |
| y="0px" viewBox="444.3 282.1 28.3 28.3" enable-background="new 444.3 282.1 28.3 28.3" xml:space="preserve"> | |
| <rect class="close-x" x="451.8" y="295.3" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 573.2068 829.9901)" width="13.5" height="2"/> | |
| <rect class="close-y" x="457.5" y="289.5" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 573.2068 829.9901)" width="2" height="13.5"/> | |
| </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
| @import "compass/css3"; | |
| // svg 전체 영역에 color 적용시 svg tag에 class 삽입 | |
| .close { | |
| fill: #000; | |
| opacity: 0.2; | |
| } | |
| // svg 각각의 요소에 color 적용 시 rect tag에 class 삽입 | |
| /*.close-x { | |
| fill: #000; | |
| opacity: 0.2; | |
| } | |
| .close-y { | |
| fill: #000; | |
| opacity: 0.2; | |
| }*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment