Skip to content

Scale

<https://www.tailwindcss.cn/docs/scale>

用法

ClassProperties
scale-0transform: scale(0);
scale-x-0transform: scaleX(0);
scale-y-0transform: scaleY(0);
scale-50transform: scale(.5);
scale-x-50transform: scaleX(.5);
scale-y-50transform: scaleY(.5);
scale-75transform: scale(.75);
scale-x-75transform: scaleX(.75);
scale-y-75transform: scaleY(.75);
scale-90transform: scale(.9);
scale-x-90transform: scaleX(.9);
scale-y-90transform: scaleY(.9);
scale-95transform: scale(.95);
scale-x-95transform: scaleX(.95);
scale-y-95transform: scaleY(.95);
scale-100transform: scale(1);
scale-x-100transform: scaleX(1);
scale-y-100transform: scaleY(1);
scale-105transform: scale(1.05);
scale-x-105transform: scaleX(1.05);
scale-y-105transform: scaleY(1.05);
scale-110transform: scale(1.1);
scale-x-110transform: scaleX(1.1);
scale-y-110transform: scaleY(1.1);
scale-125transform: scale(1.25);
scale-x-125transform: scaleX(1.25);
scale-y-125transform: scaleY(1.25);
scale-150transform: scale(1.5);
scale-x-150transform: scaleX(1.5);
scale-y-150transform: scaleY(1.5);

任意值

如果您需要使用一次性比例值,而该值在主题中包含没有意义,请使用方括号使用任意值动态生成属性。

html
&lt;div class="scale-[1.7]">
  &lt;!-- ... -->
&lt;/div>

共 20 个模块,1301 篇 Markdown 文档。