Card by Thomasfadi
#212121
1.cards { 2 display: flex; 3 flex-direction: row; 4 gap: 15px; 5} 6 7.cards .red { 8 background-color: #007e9e; 9} 10 11.cards .blue { 12 background-color: #0062ff; 13} 14 15.cards .green { 16 background-color: #18cd5e; 17} 18 19.cards .card { 20 display: flex; 21 align-items: center; 22 justify-content: center; 23 flex-direction: column; 24 text-align: center; 25 height: 100px; 26 width: 100px; 27 border-radius: 10px; 28 color: white; 29 cursor: pointer; 30 transition: 400ms; 31} 32 33.cards .card p.tip { 34 font-size: 1em; 35 font-weight: 700; 36} 37 38.cards .card p.second-text { 39 font-size: .7em; 40} 41 42.cards .card:hover { 43 transform: scale(1.2, 1.2); 44} 45 46.cards:hover > .card:not(:hover) { 47 filter: blur(10px); 48 transform: scale(0.9, 0.9); 49}
1.9K views
Variation of acard
Yurex1072 25. February at 12:21
25. February at 12:21
thank you, this helped me with a problem, i had for very long!
MIT License