JavaScript-Chart-Samples/src/Clock.html at master · MindFusionComponents/JavaScript-Chart-Samples · GitHub

History

64 lines (63 loc) · 1.86 KB

Raw

<!DOCTYPE html>

<head>

<title>MindFusion Gauges Sample - Modern Clock Redesign</title>

#content {

background-color: #fcfcfc;

display: flex;

justify-content: center;

align-items: center;

}

.clock-container {

background: #ffffff;

border-radius: 50%;

padding: 20px;

box-shadow: 0 20px 60px rgba(0,0,0,0.05);

border: 1px solid #eeeeee;

}

</style>

</head>

<body>

<a href="index.html" style="margin-left: 10px;">Index</a>

</div>

<a href="Clock.js" style="margin-right: 10px;">View source</a>

&rsaquo;

</button>

</div>

<h1>

Precision Timepiece

</h1>

A minimalist modern clock demonstration. This sample uses custom prepaint events

to render a high-fidelity analog clock with smooth animations and a contemporary aesthetic.

</p>

</div>

</div>

</div>

</body>

</html>

JavaScript-Chart-Samples/src/Clock.html at master · MindFusionComponents/JavaScript-Chart-Samples · GitHub

Uh oh!

Expand file tree

Breadcrumbs

Clock.html

Latest commit

History

Breadcrumbs

Clock.html

File metadata and controls