![](/build/_assets/logo-png-XGWSYHKJ.png)
Card by TemRevil
#e8e8e8
1.card { 2 display: flex; 3 flex-direction: column; 4 justify-content: center; 5 align-items: center; 6 width: 190px; 7 height: 254px; 8 background: #023047; 9 color: white; 10 font-size: 32px; 11 font-weight: 700; 12 border-radius: 10px; 13 cursor: pointer; 14 transition: 0.1s 0s linear; 15 position: relative; 16 overflow: hidden; 17} 18.card:active { 19 scale: 0.95; 20} 21.card::after { 22 content: ""; 23 width: 500px; 24 height: 500px; 25 border-radius: 50%; 26 background-color: #fb8500; 27 position: absolute; 28 right: 250px; 29 transition: right 0.4s 0s linear; 30 z-index: 1; 31} 32.card:hover::after { 33 right: -160px; 34} 35.card:hover { 36 color: #023047; 37} 38.card p { 39 position: absolute; 40 z-index: 10; 41} 42
75 views
75 views
MIT License