Как установить альфа фильтра SVG?

Мне нравится менять альфу из фильтра радиального размытия SVG? Есть ли способ изменить альфу на 100%?

Спасибо за ваше время !

Ваше здоровье

Алекс

.effet{
  width: 400px; height: 300px;
  margin: 0 auto 50px auto;
  background-color: #9c27b0;
}
.filtre--r{
  -webkit-mask: -webkit-radial-gradient( center, closest-side, transparent 30%, black 80%);
  -webkit-mask: radial-gradient( closest-side at center, transparent 50%, black 110%);
  -webkit-filter: blur(5px);
  mask: url('#mask-radial');
  filter: url('#filtre1');
}
<div class="effet">
<img class="filtre filtre--r" src="http://css3create.com/squelettes/images/articles/flou-localise-1.jpg" alt="" />
<svg height="0">
<defs>
  <mask id="mask-radial">
    <rect width="400" height="300" fill="url(#g1)"></rect>
    <radialGradient id="g1" cx="50%" cy="50%" r="50%">
      <stop stop-color="black" offset="50%"/>
      <stop stop-color="white" offset="110%"/>
    </radialGradient>
  </mask>
  <filter id="filtre1">
    <feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
  </filter>
</defs>
</svg>


svg html css svg-filters
person Alexander Hein    schedule 12.03.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Это умножит альфу на 100, что в значительной степени даст вам альфу = 1, но с небольшим сглаживанием краев. (Вы можете установить альфу на 1 напрямую, но это также сделает фон черным/непрозрачным.)

  <filter id="filtre1">
    <feGaussianBlur in="SourceGraphic" stdDeviation="5"/>
    <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 100 0"/>
  </filter>
person Michael Mullany    schedule 12.03.2016