You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
924 B
24 lines
924 B
6 years ago
|
.clock { margin:0 auto; padding:30px; olor:#333; }
|
||
|
|
|
||
|
|
#clock-date { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:36px; text-align:center; text-shadow:0 0 5px #00c6ff; }
|
||
|
|
|
||
|
|
.clock ul { width:800px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
|
||
|
|
.clock ul li { display:inline; font-size:16px; text-align:center; font-family:'Open Sans', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #00c6ff; }
|
||
|
|
|
||
|
|
#clock-point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }
|
||
|
|
|
||
|
|
@-webkit-keyframes mymove
|
||
|
|
{
|
||
|
|
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
|
||
|
|
50% {opacity:0; text-shadow:none; }
|
||
|
|
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@-moz-keyframes mymove
|
||
|
|
{
|
||
|
|
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
|
||
|
|
50% {opacity:0; text-shadow:none; }
|
||
|
|
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
|
||
|
|
}
|