April 28, 2024, 4:49 p.m. | HarishPrabhu-02

DEV Community dev.to

This is a submission for Frontend Challenge v24.04.17, CSS Art: Earth Day.


Hey there!

I built a Earth showing it's transition from being natural to dreadfulness with CSS animations.

This simply highlights the immediate need of protecting the earth before it's gone.



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Earth Day - Protect Our Planet</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: linear-gradient(to bottom, #e0e0e0 0%, …

animations art challenge css earth frontend frontendchallenge head hey highlights html meta natural simple simulation transition utf-8

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

Research Engineer

@ Allora Labs | Remote

Ecosystem Manager

@ Allora Labs | Remote

Founding AI Engineer, Agents

@ Occam AI | New York