Card by JesusRafaelNavaCruz
#e8e8e8
1.container { 2 overflow: auto; 3 display: flex; 4 scroll-snap-type: x mandatory; 5 width: 90%; 6 margin: 0 auto; 7 padding: 0 15px; 8} 9 10.card { 11 background: rgba(255, 255, 255, 0.25); 12 box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); 13 backdrop-filter: blur(7px); 14 -webkit-backdrop-filter: blur(7px); 15 border-radius: 10px; 16 padding: 2rem; 17 margin: 1rem; 18 width: 100%; 19} 20 21.container:hover > :not(:hover) { 22 opacity: 0.2; 23} 24 25.title { 26 width: 100%; 27 display: inline-block; 28 word-break: break-all; 29 white-space: nowrap; 30 overflow: hidden; 31 text-overflow: ellipsis; 32 text-align: center; 33 margin: 1rem auto; 34}
2K views
Variation of acard
MIT License