This post is saved as a draft.
#e8e8e8
1.frame { 2 position: relative; 3 display: flex; 4 justify-content: center; 5 align-items: center; 6 width: 220px; 7 aspect-ratio: 3/4; 8 background-color: #534d7e; 9 border-radius: 12px; 10} 11 12.frame svg { 13 max-width: 100%; 14 max-height: 100%; 15 border-radius: 3px; 16 scale: 0.87; 17 transition: transform 0.3s; 18 transition-timing-function: cubic-bezier(0.4, 1.55, 0.74, 0.55); 19} 20 21.border { 22 border-radius: 10px; 23 position: absolute; 24 top: 0; 25 left: 0; 26 height: 100%; 27 width: 100%; 28 border: 19px solid #a89bff; 29 -webkit-transition: all 0.2s ease-in-out; 30 transition: all 0.2s ease-in-out; 31 transition-timing-function: cubic-bezier(0.4, 1.55, 0.74, 0.55); 32} 33 34.border:hover { 35 border: 8px solid #a89bff; 36}
Variation of acard
Variation of acard