DEV Community

Cover image for CSS Art: December - Galah Days of Summer
Naomi Justin
Naomi Justin

Posted on

8 7 5 5 6

CSS Art: December - Galah Days of Summer

This is a submission for Frontend Challenge - December Edition, CSS Art: December.

Inspiration

While going for an afternoon walk in Sydney during December as the summer holidays begin, I’ve noticed many galahs (pink and grey native cockatoos) playing and feeding their young. After a bit of research, I found that their mating season typically runs between July to December. With their beautiful vibrant colours and enjoying the warm afternoon strolls, galahs feel like an iconic part of an Australian Christmas.

Demo

Journey

  • I wanted to create something that would not only be aesthetic, but also playful that could highlight the playfulness of galahs in this season. I decided on creating a galah that would be eating a eucalyptus leaf.
  • To make up the elements of the bird, I used a combination of clip-path and border-radius to create the organic shapes and then used a container to store all the bird elements that would be able to transform the scale. For the container, I used relative and absolute position and centered this on the page. Then for all the elements inside the container I used different z-index values to layer them.
  • For the more complex shapes, I found a way to use stacking background colours for the shading with linear gradients and radial gradients.

Image of AssemblyAI tool

Transforming Interviews into Publishable Stories with AssemblyAI

Insightview is a modern web application that streamlines the interview workflow for journalists. By leveraging AssemblyAI's LeMUR and Universal-2 technology, it transforms raw interview recordings into structured, actionable content, dramatically reducing the time from recording to publication.

Key Features:
🎥 Audio/video file upload with real-time preview
🗣️ Advanced transcription with speaker identification
⭐ Automatic highlight extraction of key moments
✍️ AI-powered article draft generation
📤 Export interview's subtitles in VTT format

Read full post

Top comments (2)

Collapse
 
shafayeat profile image
Shafayet Hossain

I really love that animation...🖤 (Maybe I should make it my PC wallpaper)😅

Collapse
 
ross023 profile image
ross

nice

Heroku

This site is powered by Heroku

Heroku was created by developers, for developers. Get started today and find out why Heroku has been the platform of choice for brands like DEV for over a decade.

Sign Up

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay