Card by Javierrocadev
#e8e8e8
1.card { 2 width: 150px; 3 height: 150px; 4 background: #a53c3c; 5 border-radius: 5px; 6 display: flex; 7 justify-content: center; 8 align-items: center; 9 text-align: center; 10 font-size: 3em; 11 font-weight: 900; 12 color: aliceblue; 13 transition: all .5s ease-in-out; 14} 15 16.text { 17 transition: all 0.3s ease-in-out; 18} 19 20.card:hover { 21 box-shadow: 75px 75px 5px -20px #bf5e37, -75px 75px 5px -20px #d08432, -75px -75px 5px -20px #bf5e37 , 75px -75px 5px -20px #d08432; 22 transform: rotate(-45deg); 23} 24 25.card:hover .text { 26 transform: rotate(45deg); 27}
665 views
665 views
MIT License