代码之家 › 专栏 › 技术社区 › Michael Nelles Kranti Brid

React JSX转换没有效果

transform animation reactjs css javascript

Michael Nelles Kranti Brid · 技术社区 · 5 年前

    
    let transStyle = {
            flex: 1,
            backgroundColor: '#cccc99',
            width:200,
            height:200,
            transform: [
                { perspective: 500 },
                { translateX: -45 },
                { rotateY: '60deg' },
            ],
    }
    
   
    const App = (
        <div style={{padding:100}}>
              <div style={transStyle}>mydiv</div>
        </div>
    );
    
    
    ReactDOM.render(
      App,
      document.getElementById("app")
    );

1 回复 | 直到 5 年前

Vitalii 5 年前

我想 style 道具只支持一级键。从数组转换为一个字符串似乎可行:

    let transStyle = {
        flex: 1,
        backgroundColor: '#cccc99',
        width:200,
        height:200,
        transform: `perspective(850px) translateX(-30px) rotateY(60deg)`,
    }

推荐文章

geany_tab_title_color · 如何将4个div围绕一个中心div?

4 年前

Martin Fric · 使用变换时,Div容器仍保持原始图像大小的大小

8 年前

Niko · 边框css更改速度快于变换旋转

8 年前

Leon1988 · 标题中多行的斜边

8 年前

Levi · 如何使用jq将多个输出对象组合成单个对象

8 年前

Mose · SVG变换:根据X缩放Y

8 年前

spoilerd do · 统一变换。前进是不断变化的

8 年前

Paul · 悬停时变换比例不缩放

8 年前

listener · 在Python中创建音频文件的振幅与频谱图

8 年前

Pep · Matlab-Hough变换中的帧线

8 年前