Skip to content

Instantly share code, notes, and snippets.

@JeongInyoung

JeongInyoung/SVG-with-Filters.markdown

Created December 30, 2014 08:57
Show Gist options
  • Save JeongInyoung/f17a698e22e0119cde10 to your computer and use it in GitHub Desktop.
Save JeongInyoung/f17a698e22e0119cde10 to your computer and use it in GitHub Desktop.
Download ZIP
SVG with Filters
Raw
index.html
<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>
Raw
style.scss
@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