![](/build/_assets/logo-png-XGWSYHKJ.png)
This post is saved as a draft.
#e8e8e8
1.card { 2 background-color: blue; 3 background: radial-gradient( 4 ellipse at bottom, 5 rgb(9, 76, 114) 0%, 6 rgb(1, 41, 63) 100% 7 ); 8 padding: 2rem; 9 border-radius: 1rem; 10 border: 2px solid white; 11} 12.image { 13 animation: myAnim 50s linear 0s infinite normal forwards; 14} 15.heading { 16 color: white; 17 font-weight: 500; 18} 19.icons a { 20 color: aliceblue; 21} 22.icons a svg { 23 color: white; 24 transition: all 0.5s ease-in-out; 25} 26.icons a svg:hover { 27 color: #bf3dd2; 28 scale: 1.25; 29} 30@keyframes myAnim { 31 0%, 32 100% { 33 transform: translateY(0) rotate(0); 34 transform-origin: 50% 50%; 35 } 36 37 15% { 38 transform: translateY(-30px) rotate(-6deg); 39 } 40 41 30% { 42 transform: translateY(15px) rotate(6deg); 43 } 44 45 45% { 46 transform: translateY(-15px) rotate(-3.6deg); 47 } 48 49 60% { 50 transform: translateY(9px) rotate(2.4deg); 51 } 52 53 75% { 54 transform: translateY(-6px) rotate(-1.2deg); 55 } 56} 57
Variation of acard
Variation of acard