A beautiful aesthetic wall structure for pinning positive notes. We use CSS Grid for the layout and box-shadows to simulate paper lifting off a corkboard.

The Paper Lift Effect

.sticky-note {
  background: #fef08a;
  padding: 15px;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
  transform: rotate(-2deg);
}

.sticky-note:hover {
  transform: rotate(0deg) scale(1.05);
  box-shadow: 5px 10px 20px rgba(0,0,0,0.15);
  z-index: 10;
}

Click the Generate Note button in the Live Demo to see how simple JS can spawn beautifully random pastel notes!