av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css3 - react 組件設置的 transform 無效

瀏覽:139日期:2023-06-24 08:37:44

問題描述

JSX:style={this.state.expand == index ? {transform: ’rotate(180deg)’, backgroundColor: ’black’} : null}

有背景色效果,無旋轉樣式(chrome)假如寫在樣式表上,class沒有動態更新的可以有樣式會是組件生命周期問題?

補充的圖片@michael_cai@michael_cai: 我換了一種方式,寫在行間也是不行,瀏覽器顯示的樣式表上也有css3 - react 組件設置的 transform 無效

問題解答

回答1:

這個跟react沒什么關系。

你看看你操作的那個元素的樣式表有沒你想要的那個樣式就是知道了。

其實你這里就是一個簡單的給dom元素添加class,只要dom元素有這個class,就說明你這里的react寫法是沒問題的,那只有可能是樣式的問題。

回答2:

確實跟 react 沒啥關系,

只是因為你的屬性缺少了 transition, css3 動畫重要屬性.

transition: all 2s ease;語法transition: property duration timing-function delay; 屬性的名稱 時長 動畫方法 延遲

文檔傳送門: http://www.w3school.com.cn/cs...

回答3:

后來發現是transform在行內元素上無效,謝謝各位的回答!

標簽: CSS
相關文章:
主站蜘蛛池模板: 99视频 | 日本三级电影免费观看 | 国产精品日女人 | 日韩一区二区三区在线 | 色必久久| 日本成人二区 | 一区二区欧美在线 | 精品国模一区二区三区欧美 | 麻豆精品久久 | 91看国产 | 在线欧美一区二区 | 国产高清在线精品 | 成人免费一区二区三区牛牛 | 国产精品免费观看视频 | 国产91精品久久久久久久网曝门 | 91精品一区 | a级毛片免费高清视频 | 激情毛片| 国产成人一区 | 亚洲顶级毛片 | 一区二区三区视频在线观看 | 操人网站 | 婷婷精品| 欧美激情在线一区二区三区 | 国产一区二区在线看 | 91麻豆精品国产91久久久久久 | 日本精品久久久久久久 | 中文字幕在线网 | 毛片1 | 草久在线 | 国产一区二区三区四区三区四 | 国产精品一卡二卡三卡 | 久久精品中文字幕 | 久久国产精品-国产精品 | 亚洲欧美日韩一区二区 | 欧美精品一区二区三区在线播放 | 九九热免费视频在线观看 | 一区二区三区四区视频 | 亚洲中午字幕 | 久久精品一区 | 亚洲91|