DEV Community

Cover image for Recreating Famous Presidential Neckties in Pure CSS
MikaeI
MikaeI

Posted on • Originally published at write.as

Recreating Famous Presidential Neckties in Pure CSS

#css #codepen

The background patterns are generated from a single CSS-property, using multiple background-image gradients to achieve the approximated woven effect.

Nixon:
Alt Text

Johnson:
Alt Text

Truman:
Alt Text

Ford:
Alt Text

Top comments (1)

Collapse
 
alvaromontoro profile image
Alvaro Montoro •

This is really cool

Read next

maieonbrixx profile image

Structuring Your React Applications with "Layout Primitives": Today, let's focus on the unbeatable <Stack /> 🚀

Mahdy -

andrewdejackson profile image

Tiiny Host Alternatives: Why Static.app is Better

Andrew Jackson -

sbobet88_dev profile image

Build a Simple Real-Time SBOBET88-Style Website for Beginners with PHP, CSS, and JavaScript

Sbobet88 Dev -

gimli_app profile image

See what's new in Gimli Tailwind 4.4

Gimli -