Card by gharsh11032000
#212121
1.card { 2 width: 320px; 3 height: 350px; 4 padding: 20px; 5 color: white; 6 background: transparent; 7 border: 2px solid #ff6b00; 8 display: flex; 9 flex-direction: column; 10 cursor: pointer; 11 transform-origin: center center; 12 transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); 13} 14 15.card .main-content { 16 flex: 1; 17} 18 19.header { 20 margin-bottom: 24px; 21} 22 23.card .heading { 24 font-size: 32px; 25 font-weight: 400; 26 line-height: 1.2; 27} 28 29.card .footer { 30 font-weight: 400; 31 margin-right: 4px; 32} 33 34.card:hover { 35 border-radius: 12px; 36 background-color: #ff6b00; 37 scale: 0.95; 38 rotate: 8deg; 39 box-shadow: 0px 3px 187.5px 7.5px rgba(255, 107, 0, 0.4); 40} 41
553 views
553 views
MIT License