التصميم والموارد

مولد CSS Transform

أنشئ سلاسل CSS transform من قيم transform الشائعة.

التصنيف

التصميم والموارد

الوسوم

CSS transformtranslaterotateمولد

المزيد من التصميم والموارد

الإدخال

مولد CSS Transform

CSS transformtranslaterotateمولد

الإخراج

Generated transform CSS

Transform

translate(12px, -4px) rotate(8deg) scale(1.05) skew(0deg, 0deg)

الأصل

Center

.transform-preview {
  width: 180px;
  height: 120px;
  border-radius: 24px;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  color: white;
  display: grid;
  place-items: center;
  transform-origin: center;
  transform: translate(12px, -4px) rotate(8deg) scale(1.05) skew(0deg, 0deg);
}

Transform معاينة

Live canvas