scale an nth child

by jorgeluis

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/antd.css">
<script src="https://unpkg.com/vue"></script>
<div class="ant-card css-1mqg3i0">
  <div class="ant-card-head">
    <div class="ant-card-head-wrapper">
      <div class="ant-card-head-title">Card title</div>
    </div>
  </div>
  <div class="ant-card-body">Card content</div>
</div>

<div class="ant-card css-1mqg3i0">
  <div class="ant-card-head">
    <div class="ant-card-head-wrapper">
      <div class="ant-card-head-title">Card title</div>
    </div>
  </div>
  <div class="ant-card-body">Card content</div>
</div>

<div class="ant-card css-1mqg3i0">
  <div class="ant-card-head">
    <div class="ant-card-head-wrapper">
      <div class="ant-card-head-title">Card title</div>
    </div>
  </div>
  <div class="ant-card-body">Card content</div>
</div>

CSS

.ant-card:nth-of-type(even) {
  transform: scale(0.6);
}