Design et Ressources

Card Hover CSS Générateur

Générer card hover CSS snippet.

Entrée

Card Hover CSS Générateur

css cardhoveruisnippet

Sortie

Card Hover CSS Generator

.card {
  border-radius: 12px;
  border: 1px solid #0f172a;
  background: #2563eb;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px color-mix(in srgb, #0f172a 30%, transparent);
}

Outils similaires

Couleur Convertisseur

Convert between HEX, RGB, et HSL Couleur pourmats.

CSS Gradient Générateur

Générer a linear gradient et copy the CSS instantly.

Favicon Générateur

Create a simple SVG favicon de initials et bret Couleurs.

SVG Optimizer

Strip comments et collapse whitespace in SVG markup.

CSS Minifier

Minify CSS by removing comments et extra whitespace.

CSS pourmateur

Pretty-print CSS avec readable indentation.