30+ CSS 3D Buttons: Free Examples & Code Snippets (Page 2)

An invisible 13x5 grid overlay tracks mouse coordinates to dynamically rotate a 3D house model. Using sibling selectors (~), each of the 65 .hover-col cells maps a specific rotateX() and rotateY() transformation matrix. This forces the folded CSS 3D house planes to tilt smoothly and follow the cursor, requiring zero JS.