Card by revanth-004
#212121
1.center { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5} 6.design { 7 height: 200px; 8 width: 200px; 9 border-radius: 40px; 10 background: rgb(255, 11, 0); 11 background: linear-gradient( 12 180deg, 13 rgba(255, 11, 0, 1) 13%, 14 rgba(255, 158, 0, 1) 100% 15 ); 16 position: relative; 17 overflow: hidden; 18} 19 20.color-border { 21 border-radius: 50%; 22 background-color: #ffffff20; 23 box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); 24} 25.circle-1 { 26 height: 220px; 27 width: 220px; 28 position: absolute; 29 right: -50px; 30 top: -50px; 31} 32.circle-2 { 33 height: 180px; 34 width: 180px; 35} 36.circle-3 { 37 height: 140px; 38 width: 140px; 39} 40.circle-4 { 41 height: 105px; 42 width: 105px; 43} 44.circle-5 { 45 height: 70px; 46 width: 70px; 47 border-radius: 50%; 48 background-color: #ffffff; 49} 50 51.shape { 52 height: 200px; 53 width: 200px; 54 background-color: #484848; 55 transform: rotate(45deg); 56 position: absolute; 57} 58.shadow { 59 box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75); 60} 61.mountain-1 { 62 z-index: 1; 63 bottom: -100px; 64 left: -100px; 65} 66.mountain-2 { 67 bottom: -110px; 68 left: -30px; 69} 70.mountain-3 { 71 z-index: 2; 72 bottom: -150px; 73 left: 90px; 74} 75
2K views
2K views
Variations
1 MIT License