/displacement.html
forked from akella/displacement.html
Created Mar 25, 2019
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