This week we are animating CSS width and height without unsightly side effects, experimenting with image dragging effects and having out minds blown by flowing images and cool demos!

♥️ Donovan at CSSAnimation.rocks

Articles

Animating CSS Width and Height Without the Squish Effect

Don't animate CSS width and height properties! This article shows how to use the transform property to simulate animating the width of an element

Image Dragging Effects — tympanus.net

A set of playful dragging effects for images using various techniques

Flowing Image - How To

A step-by-step illustration (drag the slider) on how to create a flowing image

Featured

Get 1 year free today! — porkbun.com

Thinking of showcasing your design skills? Claim a free .design domain name for your website! .design is like .com and .net but more relevant to what you do as a designer.

Inspiration

Insta-hearts ❤

Click quickly on this heart to see a cool randomised animation

Shimmery Text w/ SVG + GSAP 😎🤩

Very clever shimmery-text effect from the always-amazing Jhey

Pull Me Around

It honestly breaks my brain how realistic this draggable image manages to look as it deforms with the light, shading and movement. Stunning work

Cut / Copy / Paste

Fancy reveal animations for this popup tool tip

RGB Kinetic Slider

An interesting take on the classic carousel, using some beautiful image transitions Grab the code here 

That's it for this week! If you get a chance, be sure to check out the .design offer from Porkbun and let me know what you think!

You can reply to this email and I'll read every response - Donovan