Card by vladaxinte
#1c97e3
1.container { 2 width: 300px; 3 height: 320px; 4} 5 6.twitter { 7 transform: translate(-15%, 20%); 8} 9 10.wing-bottom { 11 background: radial-gradient(circle at -100% 90%, transparent 75%, #fff 10%); 12 width: 120px; 13 height: 120px; 14 position: absolute; 15 border-radius: 100%; 16 left: 92px; 17 top: 94px; 18 transform: rotate(86deg); 19 z-index: 90; 20} 21 22.wing-top { 23 background: radial-gradient(circle at -100% 90%, transparent 70%, #fff 10%); 24 width: 125px; 25 height: 160px; 26 position: absolute; 27 z-index: 20; 28 border-radius: 100%; 29 left: 88px; 30 top: 8px; 31 transform: rotate(132deg); 32} 33 34.wing-middle { 35 background: radial-gradient(circle at 50% -80%, transparent 80%, #fff 10%); 36 width: 130px; 37 height: 130px; 38 position: absolute; 39 z-index: 20; 40 border-radius: 100%; 41 left: 73px; 42 top: 44px; 43 transform: rotate(7deg); 44} 45 46.beak { 47 background: radial-gradient(circle at 10% -30%, transparent 76%, #fff 30%); 48 width: 112px; 49 height: 112px; 50 position: absolute; 51 z-index: 20; 52 border-radius: 100%; 53} 54 55.beak-bottom { 56 left: 240px; 57 top: -36px; 58 width: 112px; 59 height: 140px; 60 transform: rotate(20deg); 61} 62 63.beak-top { 64 left: 225px; 65 top: -33px; 66 transform: rotate(15deg); 67} 68 69.tummy { 70 background: radial-gradient(circle at 0% -38%, transparent 80%, #fff 30%); 71 width: 320px; 72 height: 320px; 73 position: absolute; 74 z-index: 20; 75 border-radius: 100%; 76 left: -3px; 77 top: -55px; 78 z-index: -1; 79} 80 81.torso { 82 width: 200px; 83 height: 200px; 84 border-radius: 100%; 85 position: absolute; 86 left: 117px; 87 top: 8px; 88 transform: rotate(10deg); 89 background: radial-gradient(circle at 0% -40%, transparent 60%, #fff 30%); 90} 91 92.tail { 93 width: 228px; 94 height: 150px; 95 border-radius: 100%; 96 position: absolute; 97 left: 28px; 98 top: 116px; 99 background: radial-gradient(circle at 10% -42%, transparent 66%, #fff 30%); 100 transform: rotate(5deg); 101} 102 103.head { 104 background: #fff; 105 width: 116px; 106 height: 116px; 107 border-radius: 100%; 108 position: absolute; 109 left: 200px; 110 top: 34px; 111} 112
293 views
293 views
MIT License