顺风过渡宽度

、

我很难理解如何使用TailwindCSS转换实用程序在这个角度组件中执行简单的宽度转换。例如，下面的按钮通常显示一个SVG图标。但是，有时它会显示一条文本消息。当显示文本消息而不是SVG图标时，按钮的宽度会发生变化。我想添加一个宽度变化的过渡(在两个方向上)，但我不知道怎么做。感谢任何人的帮助！

浏览 21提问于2021-06-10得票数 1

1回答

宽度过渡顺风CSS

、、、

单击按钮时，会显示ul元素，其宽度从0px到100 to。我还在ul元素的宽度属性上添加了一个转换。<!'); navul.classList.toggle('w-screen');Codepen链接：然而，我看不到任何过渡

浏览 7提问于2022-02-12得票数 0

回答已采纳

1回答

React +尾风CSS:边缘过渡

、、、、

我希望保证金能顺利过渡。"ml-auto" : "mr-auto"}`}</div>transitionProperty: { spacing: 'margin, padding',我可以验证switchState为什么过渡不起作用？

浏览 2提问于2020-12-07得票数 0

1回答

如何使用tailwindcss更改悬停时的宽度

、、、

我正在尝试使用Tailwind css扩大悬停的div。这个是可能的吗？又是如何做到的？class="w-1/3 hover:w-3/5"

浏览 20提问于2020-05-26得票数 4

回答已采纳

1回答

如何在Tailwindcss中悬停时增加文本输入宽度(带有过渡)

在tailwind.config.js中添加hover后，我可以在悬停时更改文本的宽度..transitionDelay: ['responsive', 'hover', 'focus'], 然而，动画效果很难看，我想添

浏览 28提问于2020-06-02得票数 2

回答已采纳

2回答

如何在Tailwind CSS中进行宽度过渡？

、、

当我尝试使用Tailwind中默认的"w-#“选项进行过渡时，我的过渡不适用。当我在自己的类中对宽度进行硬编码时，它工作得很好。顺风CSS有没有什么奇怪的地方，以及它如何处理宽度会导致这种情况？过渡-所有，最慢和轻松都是我在Tailwind中扩展的东西。

浏览 12提问于2019-10-03得票数 6

1回答

顺风代码悬停:它的文档边框对我不起作用

、、

我的顺风代码表现得很奇怪。我有一个div作为一个按钮，我想有一个不断扩大的边界在悬停。我的第一个想法是类似于盘旋:边界-2。这不起作用，所以我去了顺风公司的医生那里找出了答案。

浏览 1提问于2022-02-22得票数 0

回答已采纳

2回答

顺风css过渡持续时间

是否有一个具有顺风CSS的过渡持续时间类？例如，是否有一种方法可以在此示例div上添加转换持续时间？

浏览 0提问于2019-06-13得票数 4

回答已采纳

2回答

顺风CSS负荷过渡

、、、、

我试图在div上添加一个不透明的转换。它应该从不透明度0开始，一旦它在屏幕上可见，它就会慢慢淡入，达到最大的不透明度。<div className="transition-opacity ease-in-out opacity-0 <STATE>:opacity-100 duration-300"> ... </div>

浏览 5提问于2022-09-21得票数 0

1回答

顺风过渡背景模糊

、

有人知道我怎样才能让它工作，这样过渡也适用于背景滤镜吗？

浏览 1提问于2021-04-07得票数 4

3回答

在特定断点配置.container最大宽度- Tailwindcss

、、

请告诉我如何在各个断点配置顺风.container max-width。默认情况下，顺风将.container的max-width设置为断点的宽度。

浏览 123提问于2021-01-26得票数 7

回答已采纳

1回答

顺风-覆盖默认过渡持续时间

默认值是150ms，我们希望将其扩展到250ms作为应用程序默认值。我试过所有我能想到的，最后一次尝试 transitionDuration: {}, 在tailwind.config.js中的theme、theme.extend、variants和variants.extend下。任何帮助都将不胜感激！

浏览 6提问于2021-04-13得票数 1

回答已采纳

2回答