Library / Search

Find your
next move.

6 useful things

Create an elegant card that lifts and shows a shadow on hover.

.lift-card {
  background: #1a1a2e;
  border-radius: 12px;
  padding: 24px;

Modern button hover effects with smooth transitions.

/* Glow effect */
.btn-glow {
  background: linear-gradient(135deg, #3a7bff, #8b5cf6);
  color: white;

Create tooltips using only CSS with no JavaScript required.

.tooltip {
  position: relative;
  cursor: help;
}

Smooth zoom effect on image hover within a container.

.image-zoom-container {
  overflow: hidden;
  border-radius: 12px;
  position: relative;

Create an animated underline effect for links and navigation items.

/* Slide from left */
.underline-left {
  position: relative;
  text-decoration: none;

Create magnetic cursor attraction effect with smooth element movement.

.magnetic-btn {
  position: relative;
  padding: 20px 40px;
  font-size: 18px;

Find yournext move.