小编Fid*_*tro的帖子

如何在设定时间后停止 tailwindcss 动画

我想知道是否有办法在设定时间后停止 tailwindcss 中的动画

10秒后停止弹跳

我已经尝试了一切,但找不到方法

<div class="text-center p-10">
  <button class="px-8 py-2 mx-auto text-white bg-blue-700 rounded transition duration-75 ease-in-out hover:bg-green-400 transform hover:-translate-y-1 animate-bounce">Hello</button>
</div>
Run Code Online (Sandbox Code Playgroud)

我尝试过持续时间 75 但动画不会停止

html css css-animations tailwind-css

5
推荐指数
2
解决办法
8938
查看次数

添加存储在React类中的变量中的样式

我正在尝试在我的React类中使用一些样式.我在做之前做过:

<div style={{background: "red"}}></div>
Run Code Online (Sandbox Code Playgroud)

我想改用变量,例如:

<div style={divStyle}></div>
Run Code Online (Sandbox Code Playgroud)

我的代码看起来像:

class HolaMundo extends React.Component {
  const divStyle = {
    color: 'blue',
  };
  render() {
    return(
      <div className="container" style={divStyle}> 
        <h1> Hola {this.props.name}</h1>
      </div>
    );
  }
}

ReactDOM.render(<HolaMundo name="One" />, document.getElementById("app"));
Run Code Online (Sandbox Code Playgroud)

但样式不适用.我怎样才能做到这一点?

javascript css reactjs

4
推荐指数
2
解决办法
1万
查看次数

如何在树枝中分配变量?

我将我的代码从smarty迁移到twig

但我似乎没有找到如何在树枝上这样做

智者:

 $smarty->assign('Config',$Core->settings);
Run Code Online (Sandbox Code Playgroud)

我怎么能在Twig中这样做?

php smarty twig

0
推荐指数
1
解决办法
5737
查看次数

标签 统计

css ×2

css-animations ×1

html ×1

javascript ×1

php ×1

reactjs ×1

smarty ×1

tailwind-css ×1

twig ×1