A CSS-only clock that shows you the current time? Why not! Demo: ...

2025-01-07 10:17:16

A CSS-only clock that shows you the current time? Why not!

Demo: https://codepen.io/t_afif/full/LEPemRQ via :codepen:

nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh (nprofile…nmhh)

Online Version: https://css-tip.com/clock/

Don't try to find the hidden JavaScript, it's 100% CSS magic and it's accurate!

Based on a clever idea by nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqtghy902tz8d5aua7qtgz7dfzue2hj7z2um0gu5z64yyey3zj43lqk344rr (nprofile…44rr) : https://dev.to/janeori/getting-your-ip-address-with-css-and-other-32-bit-api-responses-without-javascript-402h

⚠️ a chrome only experimentation ⚠️

#CSS #HTML

Author Public Key

npub1w9xzec0p0vusgvpu3wsxf4qcma7tt2wkz8jj2gf4rnvjns59zvvslwpcdf

Seen on

wss://relay.nostr.band

Show more details

Published at

2025-01-07 10:17:16

Kind type

1 Short Text Note

Event JSON

{ "id": "12e9d0e0e2bf77acc85d76ee2d9f88514f1a915cc00bde06385262bbde0981a4", "pubkey": "714c2ce1e17b3904303c8ba064d418df7cb5a9d611e52521351cd929c2851319", "created_at": 1736245036, "kind": 1, "tags": [ [ "p", "2831912e465dad2381ba6d0cf276232bae2270a4fc9ac7a75271c87679f569b6", "wss://relay.mostr.pub" ], [ "p", "5a2e42bd4b11db4ef3be02d02f3522e65579784ae6de8e505aa909924452ac7e", "wss://relay.mostr.pub" ], [ "p", "db491ad25a0786a07a13c1d0daa3dd567aece96a40a6fff8b243641ea4307de9", "wss://relay.mostr.pub" ], [ "p", "60ac060fe284888a598357ee277f19cbdca9254825904e21f3852ad34964fc0b", "wss://relay.mostr.pub" ], [ "t", "css" ], [ "t", "html" ], [ "emoji", "codepen", "https://cdn.masto.host/frontendsocial/custom_emojis/images/000/016/783/original/9a9424df9b5c6678.png" ], [ "imeta", "url https://cdn.masto.host/frontendsocial/media_attachments/files/113/786/548/699/495/230/original/8f4a92741dadd9e9.mp4", "m video/mp4", "dim 600x434", "blurhash UkF8rmkC0|bIoffQa|fQ5Qay=yj[f+fQayfQ" ], [ "proxy", "https://front-end.social/users/css/statuses/113786554743519196", "activitypub" ] ], "content": "A CSS-only clock that shows you the current time? Why not!\n\nDemo: https://codepen.io/t_afif/full/LEPemRQ via :codepen: nostr:nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh \n\nOnline Version: https://css-tip.com/clock/\n\nDon't try to find the hidden JavaScript, it's 100% CSS magic and it's accurate!\n\nBased on a clever idea by nostr:nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqtghy902tz8d5aua7qtgz7dfzue2hj7z2um0gu5z64yyey3zj43lqk344rr : https://dev.to/janeori/getting-your-ip-address-with-css-and-other-32-bit-api-responses-without-javascript-402h\n\n⚠️ a chrome only experimentation ⚠️\n\n#CSS #HTML\n\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/113/786/548/699/495/230/original/8f4a92741dadd9e9.mp4", "sig": "3b62946b8812aa74f5ce0643528fe04ba3a0a6cd7122a498b5bed6f742651cc26fa0540660888aa90ac56b9e65d39d8c8231e832d5736b0137b8c4b3491d1c1e" }

CSS by T. Afif :verified: on Nostr: A CSS-only clock that shows you the current time? Why not! Demo: ...