Hey there! This week we are looking at some cool WebGL effects, getting started with ThreeJS and some fancy position: sticky ideas.

♥️ Donovan at CSSAnimation.rocks

Articles

Creating WebGL Effects with CurtainsJS — css-tricks.com

A great intro to bringing WebGL animation to your web sites with CurtainsJS

threejs-starter Template — github.com

A handy starting template if you're working on ThreeJS projects

Getting Fancy with position: sticky — css-tricks.com

A neat idea for using position: sticky along with images to add some flair to the scrolling experience

Featured

CSS Animation - Free CSS tutorials and guides

Learn CSS Animation with awesome tutorials, video courses and a weekly CSS Animation newsletter

Inspiration

CSS 3D Guitar

Amazing and beautiful work on this 3D guitar! Pretty heavy on the processor

Infinite Plug In

Move your cursor around to see this nice little infinite cube animation from different angles

Pine Shrine II

Amazing 360 degree photo of a forest scene - like something from a Skyrim mod!

Placeholders

An interesting approach to the floating labels on forms

GSAP Believe

I love a good staged animation and this has so much going on. Lovely work!