Birds with Media Queries
⚠️ This post is a quite old now - keep that in mind when reading
Here I was just having a little bit of fun with using media queries to show and hide birds and give the illusion of them landing and taking off from a cable. If you resize the browser's width you will see birds fly in from the left and land or fly out back to the left when the screen shrinks.
The birds were built in CSS and Javascript is used to detect when the birds need to turn around and face the left of screen (ie: when shrinking the windows). Javascript is also used to make random birds hop at random intervals.
The keyframe animations have only been written to run in webkit. For now.
