Shape Slideshow with Clip-path
By Mary Lou on
An experimental slideshow using clip-path to create shape transitions between slides.
shape
Rotating Loading Animation of 3D Shapes with Three.js
By Yuriy Artyukh on
Some rubber-like 3D shape rotations that are perfect for loading animations.
Infinite Hyperbolic Helicoid Animation with Three.js
By Yuriy Artyukh on
A coding session where you'll learn how to create an infinite shape animation of a hyperbolic helicoid using Three.js.
Real-time Multiside Refraction in Three Steps
By Jesper Vos on
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
Gradient Topography Animation
By Mary Lou on
An organic SVG shape layer animation based on Diana Hlevnjak's work "Gradient Topography". Powered by anime.js.
Grabbing Attention and Building a Moving Experience with Shape
By Patrick Cox on
Some thoughts on how shapes in web design can be used for attention-grabbing purpose and for an interesting or even comforting user experience.
Designing the Dreaded Form: Getting Creative
By Patrick Cox on
In this follow-up article about designing forms we'll dig into how to actually become creative and apply some interesting design concepts to spice up your form.