Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
tech.lgbt is one of the many independent Mastodon servers you can use to participate in the fediverse.
We welcome all marginalized identities. This Mastodon instance is generally for folks who are LGBTQIA+ and Allies with an interest in tech work, academics, or technology in general.

Administered by:

Server stats:

2.9K
active users

tech.lgbt: AboutStatusProfiles directoryPrivacy policyTerms of service

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.4.0-alpha.4+glitch

I don’t think I’ve done an introduction of my css drawings yet. I drew all of these with divs, shadows and gradients. At some point I’ll give each of them their own website, until then they’re here:

codepen.io/collection/nwzQJq
github.com/sarahfossheim/art.c

The Polaroid one got reposted to Reddit a few years ago, and people got properly angry over the fact I didn’t use svg for those :blobcatgooglytrash:

Photorealistic css drawing of a musical keyboard (Casio PT-1). There are speakers on the left side, the keys (beige and black) on the right bottom. On top there are controls for mode, volume, tone and temp. The top level controls are rainbow colored.
Photorealistic css drawing of a Roland MC-500 synth. It’s a retro beige rectangular device for with numeric and functional beige and gray keys. There is a screen in the middle.
Photorealistic css drawing of a white Polaroid camera. It has a white frame, flash and a red shutter button on the left, black lens in the middle, viewfinder and a yellow flash toggle on the right. The bottom half on the camera frame is black, and contains the printer.
Photo realistic css drawing of a Muson, a retro keyboard/synth. It bas a beige/light pink frame, 10 white keys on the bottom. Above the keys is a row of rainbow colored buttons, each labeled with a letter. Above the buttons, there are controls for range and volume. On top of the device there’s a rainbow sticker.
#css
Nov 06, 2022, 11:20 PM·Public
28boosts·755favorites
Public

@fossheim that MC500 drawing is fucking insane

Public

@fossheim those are awesome! I love CSS art

Public

@fossheim these are beautiful!! I love the double layer of new technology depicting old technology.

Public

@fossheim wow, all by hand?

how do they compare in size/quality to svg?

Explore
About