4 ms·
CSS digital clock - uses no images, only CSS borders
- someone_here 16y agoThis hack is clever, but an HTML5 canvas would be an easier to implement and more straightforward solution.
- JakeSc 16y agoIndeed, there are other technologies that can build a digital clock more easily, but I think the point was to further demonstrate the versatility of CSS. I've personally never before seen CSS do something like this. I also enjoyed how the author took the time to explain how div borders were used to create the numbers.
- drfloob 16y agoIf that was new to you, then this should blow your mind (it certainly did mine 3 or 4 years ago). It uses roughly the same border trick to draw a 3d rotating polygon. http://www.uselesspickles.com/triangles/demo.html http://www.uselesspickles.com/triangles/demo.html
- JakeSc 16y agoThat's impressive! I had no idea borders were this versatile.
- sfphotoarts 16y agoFollowing the easier path isn't what got man on the moon. It's people like this that demonstrate lateral and creative thinking that is exactly what the computer industry needs to thrive.
- raganwald 16y agoTaking advantage of the way a browser renders a very thick border is a tremendous hack, with all of the attendant admiration and alarm the word implies.
- rimantas 16y agodifferent hack: http://toki-woki.net/p/scroll-clock/ http://toki-woki.net/p/scroll-clock/