all AI news
3D Ham Sandwich Animation
March 23, 2024, 11:42 p.m. | FrontEndWebDeveloping
DEV Community dev.to
This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack.
Inspiration
Ham sandwiches are my favorite lunch. Especially with Louisiana hot sauce mixed with the mayonnaise.
Here's My Code:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ham Sandwich</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section>
<div class="top-bread">
<div class="top-crust">
<div class="top-center"></div>
</div>
</div>
<div class="mayo-and-hot-sauce">
<div class="blob blob-one"></div>
<div class="blob blob-two"></div>
<div class="blob blob-three"></div>
<div class="blob blob-four"></div>
<div class="blob blob-five"></div>
<div class="blob blob-six"></div>
<div …
animation art bread challenge class code css dev devchallenge frontendchallenge head hot html inspiration meta mixed scale utf-8
More from dev.to / DEV Community
Jobs in AI, ML, Big Data
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