April 30, 2024, 4:56 p.m. | Polina Eliana

DEV Community dev.to

This is a simple demo of how to create a multicoloured website background and add highlights to objects (in this case a button) using box-shadow property and animation.


I wanted to learn how to make the site's background more creative. Instead of using one same palette for the site how can I add 2 or more different colours and blend them. After doing some research box-shadow seemed like an easy way to achieve that.

What is box-shadow ? It …

animation box case codepen create creative css demo highlights html learn objects palette property shadow simple website

Software Engineer for AI Training Data (School Specific)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Python)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Tier 2)

@ G2i Inc | Remote

Data Engineer

@ Lemon.io | Remote: Europe, LATAM, Canada, UK, Asia, Oceania

Artificial Intelligence – Bioinformatic Expert

@ University of Texas Medical Branch | Galveston, TX

Lead Developer (AI)

@ Cere Network | San Francisco, US