/* ===================================================
   transform の基点（原点）
   数値は記事・CodePen と同じ。変えたのは色だけ（6 色に）。
   1つずつ、番号のところからコピーして使えます。
   =================================================== */

/* ---------- 見本の箱（マスに収めるための指定。コピーしなくても同じ形になります） ---------- */
.items .sample { width: 300px; margin-bottom: 60px; }

/* ---------- 01 基点を左上にして回転 ---------- */
.sample {
  background: #f3efe6;
}
.sample .naname {
  color: #fff;
  background: #2b2a27;
  padding: 10px;
  transform: rotate(15deg);
  transform-origin: left top 0;
}