Card by csozidev

1/* glowing hover card made by: csozi | Website: english.csozi.hu*/
2
3.card {
4  position: relative;
5  width: 190px;
6  height: 254px;
7  background: rgb(255, 0, 179);
8  background: linear-gradient(137deg, rgb(255, 0, 179) 0%, rgba(0,212,255,1) 100%);
9  transition: 0.3s ease;
10  border-radius: 30px;
11  filter: drop-shadow(0px 0px 30px rgba(209, 38, 197, 0.5));
12}
13
14.card::after {
15  content: '';
16  background-color: #181818;
17  position: absolute;
18  z-index: 1;
19  transition: 0.3s ease;
20  height: 98%;
21  width: 98%;
22  top: 1%;
23  left: 1%;
24  border-radius: 28px;
25}
26
27.card:hover {
28  filter: drop-shadow(0px 0px 30px rgba(209, 38, 197, 1));
29}