Card by Javierrocadev
#212121
1.card { 2 width: 250px; 3 height: 290px; 4 border-radius: 15px; 5 background: rgb(27, 26, 26); 6 color: white; 7 font-weight: 600; 8 font-size: 1.2em; 9 padding: 15px; 10 display: flex; 11 flex-direction: column; 12 justify-content: space-between; 13 box-shadow: -5px 5px 1px 0px #004d92; 14} 15 16.element { 17 color: grey; 18 font-size: .8em; 19 padding: 6px 15px; 20 border-left: 2px solid grey; 21 cursor: pointer; 22} 23 24.active { 25 background-color: #004d92; 26 border-left: 2px solid #8cb4ff; 27 color: azure; 28} 29 30.element:hover:not(.active) { 31 color: #3775bb; 32}
908 views
908 views
MIT License