{"id":7687,"date":"2012-08-12T20:18:40","date_gmt":"2012-08-13T04:18:40","guid":{"rendered":"http:\/\/www.perivision.net\/wordpress\/?p=7687"},"modified":"2012-08-24T15:21:46","modified_gmt":"2012-08-24T23:21:46","slug":"a-beautiful-functional-watch-in-html5-no-images","status":"publish","type":"post","link":"https:\/\/www.perivision.net\/wordpress\/2012\/08\/a-beautiful-functional-watch-in-html5-no-images\/","title":{"rendered":"A beautiful functional watch in HTML5. NO IMAGES"},"content":{"rendered":"

\"\"<\/a>This is sweet.\u00a0 We have seen some really nice graphics done in pure CSS.\u00a0 This one I think pushed the HTML\/CSS\/JS bar just a bit higher. A\u00a0 really nice functional wrist watch with no images!\u00a0 The crazy part is that it works in I.E!\u00a0 Wow.\u00a0 I also tested on iPad and iphone.\u00a0 Works.<\/p>\n

I did look through the code and see a few lines like the following to make me think some of this was created with a conversion tool, perhaps from a vector graphic, but not sure.\u00a0 Anyone?<\/p>\n

filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=’#FFFEFEFE’, endColorstr=’#FFFFFFFF’);
\nbackground-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(17%, #dbd9da), color-stop(50%, #0b0d0c), color-stop(51%, #0b0e0c), color-stop(59%, #b0b1b5), color-stop(71%, #aeadbd), color-stop(84%, #cfcfcd), color-stop(100%, #ffffff));<\/p>\n

Here is the link to codepin.io<\/a>, you can grab the code there.<\/p>\n

Enjoy!<\/p>\n

Related Posts<\/H3>