The latest articles on DEV Community by Kenneth Aamås (@knekkii). https://dev.to/knekkii https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F349525%2F5b46715c-6e9a-45a4-bb1f-d9421ad4ed72.jpg https://dev.to/knekkii en Kenneth Aamås Wed, 18 Mar 2020 08:31:30 +0000 https://dev.to/knekkii/flower-svg-animation-1pef https://dev.to/knekkii/flower-svg-animation-1pef <p>"Flower" SVG animation - Animated with CSS transforms and a JavaScript generated color set using the HSL cylindrical-coordinate system (via the hsl())</p> <p>SVG reconstruction of <a href="https://codepen.io/Mamboleoo">@Mamboleoo</a> generative "flower" animation (<a href="https://twitter.com/Mamboleoo/status/1239959113422917634">https://twitter.com/Mamboleoo/status/1239959113422917634</a>) using SVG</p> <p><iframe height="600" src="https://codepen.io/knekk/embed/abOKBYW?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen css animation svg Kenneth Aamås Thu, 12 Mar 2020 02:21:20 +0000 https://dev.to/knekkii/css-animation-with-mix-blend-mode-170b https://dev.to/knekkii/css-animation-with-mix-blend-mode-170b <p>Spawning fruit labels from different images of fruits, using a mix of beautiful and confident animations; Experimenting with mix-blend-mode CSS animations.</p> <p><iframe height="600" src="https://codepen.io/knekk/embed/KKpvdwP?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen css animation mixblendmode