A Collection of my Favorite CSS Transitions

.card:hover { background-color: #FF5D73; }

.card:hover { filter: drop-shadow(8px 8px 8px rgb(68, 3, 3)); }

.card:hover { transform: rotate(1080deg); }

.card:hover { width: 8rem; height: 8rem; font-size: 50px; }

.card:hover { width: 1rem; height: 1rem; font-size: 20px; }

.card:hover { opacity: 0; }