FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
HTML-CSS-JavaScript/projects/clock/style.css at main · prem-thatikonda29/HTML-CSS-JavaScript · GitHub
prem-thatikonda29
/
HTML-CSS-JavaScript
Public
forked from
sahandghavidel/HTML-CSS-JavaScript-projects-for-beginners
Notifications
You must be signed in to change notification settings
Fork
0
Star
0
Code
Pull requests
0
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
HTML-CSS-JavaScript
/
projects
/
clock
/
style.css
Copy path
More file actions
More file actions
Latest commit
History
History
History
107 lines (89 loc) · 1.57 KB
Breadcrumbs
HTML-CSS-JavaScript
/
projects
/
clock
/
style.css
Copy path
File metadata and controls
107 lines (89 loc) · 1.57 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
body
{
margin
:
0
;
padding
:
0
;
font-family
:
'Courier New'
,
Courier
,
monospace;
height
:
100
vh
;
display
:
flex;
justify-content
:
center;
align-items
:
center;
background-color
:
salmon;
}
img
{
position
:
absolute;
top
:
60
px
;
left
:
50
%
;
transform
:
translateX
(
-50
%
);
width
:
70
px
;
z-index
:
2
;
}
.
clock
{
width
:
350
px
;
height
:
350
px
;
background-color
:
lightgray;
border-radius
:
100
%
;
border
:
5
px
solid darkgrey;
box-shadow
:
1
px
1
px
4
px
rgba
(
0
,
0
,
0
,
.7
);
position
:
relative;
}
.
numbers
div
{
position
:
absolute;
font-size
:
27
px
;
font-weight
:
bold;
color
:
lightgoldenrodyellow;
text-shadow
:
1
px
1
px
2
px
rgba
(
0
,
0
,
0
,
.7
);
}
.
twelve
{
top
:
6
px
;
left
:
50
%
;
transform
:
translateX
(
-50
%
);
}
.
three
{
right
:
6
px
;
top
:
50
%
;
transform
:
translateY
(
-50
%
);
}
.
six
{
bottom
:
6
px
;
left
:
50
%
;
transform
:
translateX
(
-50
%
);
}
.
nine
{
left
:
6
px
;
top
:
50
%
;
transform
:
translateY
(
-50
%
);
}
.
arrows
{
width
:
100
%
;
height
:
100
%
;
display
:
flex;
justify-content
:
center;
align-items
:
center;
}
.
arrows
::
before
{
content
:
""
;
width
:
25
px
;
height
:
25
px
;
background-color
:
darkgreen;
border-radius
:
50
%
;
box-shadow
:
1
px
1
px
2
px
rgba
(
0
,
0
,
0
,
.7
);
z-index
:
4
;
}
.
arrows
div
{
width
:
7
px
;
height
:
120
px
;
background-color
:
white;
position
:
absolute;
bottom
:
50
%
;
box-shadow
:
1
px
1
px
2
px
rgba
(
0
,
0
,
0
,
.7
);
border-radius
:
50
%
50
%
0
0
;
transform-origin
:
bottom center;
z-index
:
3
;
}
.
arrows
.
hour
{
height
:
80
px
;
transform
:
rotate
(
30
deg
);
}
.
arrows
.
second
{
background-color
:
goldenrod;
transform
:
rotate
(
250
deg
);
}
Back
|
FazBrowse Home
|
New Git URL