Card by KillerRP

1.one-div {
2  --box-width: 100px;
3  width: var(--box-width);
4  height: var(--box-width);
5  border: 2px solid red;
6  background-color: white;
7  border-radius: 100%;
8  position: relative;
9  transform: scale(1);
10  transition: 2s ease;
11  cursor: pointer;
12  box-shadow: 2px 2px 10px white;
13}
14
15.one-div:hover {
16  transform: scale(1.5);
17  box-shadow: 2px 2px 50px yellow;
18}
19
20.one-div::before, .one-div::after {
21  content: "";
22  width: 2px;
23  display: block;
24  height: 100%;
25  background: linear-gradient(black 50%, transparent 50%);
26  border-radius: 20px;
27  position: absolute;
28  left: 50%;
29  transform-origin: translate(-100%, -100%);
30}
31
32.one-div::after {
33  height: 100%;
34  animation: secondsMotion 120s  infinite linear;
35}
36
37.one-div::before {
38  animation: secondsMotion 6s infinite linear;
39}
40
41@keyframes secondsMotion {
42  0% {
43    transform: rotate(0deg);
44  }
45
46  100% {
47    transform: rotate(360deg);
48  }
49}
50