Playing Card Experiment

June 12th, 2024

·

1 min read

I was playing around with CSS and Framer Motion and decided ended up implementing an interactive playing card. The cards should respont to mousing over them, and when clicked they should flip over to reveal the back.

The Rook

The Rook can move any number of squares in any direction.

Bonus: The Rook has a special move called castling.

The Queen

The Queen can move any number of squares in any direction.

The King

The King can move only one square in any direction.

Bonus: If the King is in check, it must move to the nearest safe square.

The Knight

The Knight can move in an L-shape.

The Bishop

The Bishop can move any number of squares diagonally.