Card by ElsayedShamsEldeen

1.card {
2  width: 190px;
3  height: 254px;
4  border-radius: 30px;
5  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 50px -12px inset,
6    rgba(0, 0, 0, 0.3) 0px 18px 26px -18px inset;
7  transition: all 0.3s ease-in-out;
8  background: linear-gradient(50deg, #c7d3dc, #d9e7f1);
9  background-size: 1px 25px;
10  -webkit-transition: all 1s ease-out;
11  -moz-transition: all 1s ease-out;
12  -o-transition: all 1s ease-out;
13  border: 1px solid #839db0;
14  cursor: pointer;
15}
16.card:hover {
17  background-position: 10px;
18  transform: scale(1.2);
19}
20