juicy reflect
This commit is contained in:
parent
eac994b7b8
commit
191c61fa3b
@ -24,13 +24,13 @@ class Reflect extends Component {
|
||||
viewBox="0 0 256 256">
|
||||
<defs>
|
||||
<filter id="reflectFilterGreen">
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feGaussianBlur stdDeviation="3"/>
|
||||
<feColorMatrix mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="cutoff"/>
|
||||
<feComposite operator="atop" in="SourceGraphic" in2="cutoff"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<g filter="url(#reflectFilterGreen)">
|
||||
<rect class="green" fill={COLOURS.GREEN} x="32" y="64" width="192" height="4" />
|
||||
<rect class="green" x="32" y="64" width="192" height="1" />
|
||||
<path class="red"
|
||||
d={`M${redX * 0.5},20 L${redX},64 L${redX * 1.5},20`}
|
||||
style={{ 'stroke-dasharray': anime.random(48, 64) }} />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user