svg displacement animation
<filter id="displacement" filterUnits="objectBoundingBox"> | |
<feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="2" result="turb"/> | |
<feColorMatrix in="turb" result="huedturb" type="hueRotate" values="90"> | |
<animate attributeType="XML" attributeName="values" values="0;180;360" dur="6s" repeatCount="indefinite"/> | |
</feColorMatrix> | |
<feDisplacementMap in="SourceGraphic" in2="huedturb" scale="20" result="displace" xChannelSelector="B"/> | |
<feOffset dx="-5" dy="-5" in="displace" result="unoffsetdisplace"/> | |
</filter> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment