ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

juicy reflect

Browse Source
This commit is contained in:
ntr 2019-07-02 19:52:17 +10:00
parent eac994b7b8
commit 191c61fa3b
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/anims/reflect.jsx
View File

@ -24,13 +24,13 @@ class Reflect extends Component {
viewBox="0 0 256 256"> viewBox="0 0 256 256">
<defs> <defs>
<filter id="reflectFilterGreen"> <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"/> <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"/> <feComposite operator="atop" in="SourceGraphic" in2="cutoff"/>
</filter> </filter>
</defs> </defs>
<g filter="url(#reflectFilterGreen)"> <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" <path class="red"
d={`M${redX * 0.5},20 L${redX},64 L${redX * 1.5},20`} d={`M${redX * 0.5},20 L${redX},64 L${redX * 1.5},20`}
style={{ 'stroke-dasharray': anime.random(48, 64) }} /> style={{ 'stroke-dasharray': anime.random(48, 64) }} />