This post is saved as a draft.
#212121
1.one-div { 2 width: 190px; 3 height: 250px; 4 background: linear-gradient(-45deg, rgb(9, 16, 109) , rgba(0,255,239,1)); 5 border-radius: 20px; 6 box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); 7 transition: 0.5s ease; 8} 9 10.one-div::after { 11 content: "HOVER ME"; 12 position: absolute; 13 top: 50%; 14 left: 50%; 15 transform: translate(-50%,-50%); 16 font-weight: bold; 17 text-shadow: 1px 1px 4px rgb(0,0,0); 18 transition: .3s; 19} 20 21.one-div:hover { 22 scale: 1.1; 23 border-radius: 20px 80px; 24 box-shadow: 11px 11px 25px rgba(0, 0, 0, 0.5); 25} 26 27.one-div:hover::after { 28 content: "THANKS"; 29 color: aqua; 30} 31
Variation of acard
Variation of acard