Card by Pradeepsaranbishnoi
#e8e8e8
1.logo svg { 2 height: 48px; 3 width: 54px; 4} 5 6::selection { 7 background-color: rgba(0, 0, 0, 0); 8} 9 10.container { 11 position: absolute; 12 left: 50%; 13 top: 50%; 14 transform: translate(-50%, -50%); 15} 16 17.card { 18 background: radial-gradient(circle, white 0%, #d5d5d5 100%); 19 width: 300px; 20 height: 200px; 21 border-radius: 20px; 22 position: relative; 23 box-shadow: 3px 3px 17px 0px rgba(0, 0, 0, 0.55); 24} 25 26.card .remove, .card .logo { 27 position: absolute; 28 display: inline-block; 29 cursor: pointer; 30} 31 32.card .remove { 33 top: 30px; 34 right: 30px; 35 opacity: .9; 36 color: black; 37} 38 39.card .remove:hover { 40 color: #f06b5d; 41} 42 43.card .logo { 44 top: 20px; 45 left: 30px; 46 font-size: 3em; 47 opacity: 1; 48} 49 50.card .number, .card .owner { 51 display: block; 52 position: absolute; 53 left: 30px; 54 cursor: default; 55 color: black; 56 opacity: .9; 57 transition: color .7s ease-out; 58} 59 60.card .number { 61 bottom: 60px; 62 letter-spacing: 4px; 63} 64 65.card .owner { 66 bottom: 30px; 67 letter-spacing: 1px; 68} 69
2.5K views
2.5K views
MIT License