Card by arafatrahat94

1.card {
2  width: 190px;
3  height: 254px;
4  transition: all 0.2s;
5  position: relative;
6  border-radius: 10px;
7  cursor: pointer;
8  box-shadow: 7px 7px 0px 0px #0b2447;
9}
10
11.card-inner {
12  width: inherit;
13  height: inherit;
14  background: rgba(255, 255, 255, 0.05);
15  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
16  backdrop-filter: blur(10px);
17  border-radius: 8px;
18}
19
20.card:hover {
21  transform: scale(1.04) rotate(1deg);
22}
23
24.circle {
25  width: 100px;
26  height: 100px;
27  background: white;
28  border-radius: 50%;
29  position: absolute;
30  box-shadow: 0px 0px 5px 5px #0b2447;
31  animation: move-up6 2s ease-in infinite alternate-reverse;
32}
33
34.circle:nth-child(1) {
35  top: -25px;
36  left: -25px;
37}
38
39.circle:nth-child(2) {
40  bottom: -25px;
41  right: -25px;
42  animation-name: move-down1;
43}
44
45@keyframes move-up6 {
46  to {
47    transform: translateY(-10px);
48  }
49}
50
51@keyframes move-down1 {
52  to {
53    transform: translateY(10px);
54  }
55}
56