Polaroid Photo Gallery
Pure CSS polaroid gallery on a cork board: tilted photo frames with tape and handwritten captions that straighten and lift on hover or focus.
Tag: hover
Components tagged with "hover".
9 components
Image Reveal Cursor on Hover
Tailwind CSS project list where hovering a row reveals a photo that follows the cursor with smooth easing and tilt, plus keyboard and touch fallbacks.
User Hover Card Popover with Photo
Bootstrap 5 popover hover card showing a user photo, cover band, bio, follower stats and a working follow button.
Hover and Focus Dropdown
Dark navbar with pure CSS dropdown menus that open on hover and keyboard focus, plus a small vanilla JS layer for Escape, arrow keys and touch taps.
Pure CSS Tooltips
JavaScript-free tooltips driven by data attributes, with top, right, bottom and left placement, arrows, color tones and hover or focus triggers.
Animated Hover Buttons
Eight pure CSS hover buttons with fill, diagonal, sliding text, border drawing, arrow, underline and press effects that also run on focus.
Gradient Buttons
Pure CSS gradient buttons with shifting colors on hover, a gradient outline, glow and shine effects, sizes and a disabled state.
Team Cards with Hover Info
Bootstrap 5 team section with portrait cards that reveal a bio and social links on hover or keyboard focus. Pure CSS, no JavaScript.
Blog Post Card
Tailwind CSS blog post card with cover illustration, category badge, date, reading time, clamped excerpt, author row and a fully clickable area.