created svg filter cluster for better usage

This commit is contained in:
xdrm-brackets 2018-03-08 14:14:22 +01:00
parent da5f51367e
commit 45a7f126bb
3 changed files with 11 additions and 13 deletions

View File

@ -0,0 +1,9 @@
<svg xmlns='http://www.w3.org/2000/svg' version='1.1'>
<defs>
<filter id='goo-menu'>
<feGaussianBlur in='SourceGraphic' stdDeviation='3' result='blur' />
<feColorMatrix in='blur' mode='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 15 -5' result='goo' />
<feComposite in='SourceGraphic' in2='goo' operator='atop'/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 359 B

View File

@ -3,17 +3,6 @@
<div id='CONTAINER'>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1'>
<defs>
<filter id='goo-effect'>
<feGaussianBlur in='SourceGraphic' stdDeviation='3' result='blur' />
<feColorMatrix in='blur' mode='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 15 -5' result='goo' />
<feComposite in='SourceGraphic' in2='goo' operator='atop'/>
</filter>
</defs>
</svg>
<div class='card container'>
<input class='card instant-search neutral' type='text' @keyup='gstore.is_handler($event)' placeholder='Recherche instantannée' id='teacher_view_instant_search'>

View File

@ -192,8 +192,8 @@
width: $btn-size;
height: $btn-size;
-webkit-filter: url('#goo-effect') drop-shadow(-5px 0 0 #fff);
filter: url('#goo-effect') drop-shadow(-5px 0 0 #fff);
-webkit-filter: url('/asset/svg/filter.svg#goo-menu') drop-shadow(-5px 0 0 #fff);
filter: url('/asset/svg/filter.svg#goo-menu') drop-shadow(-5px 0 0 #fff);
cursor: pointer;