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

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

css3 - react 組件設置的 transform 無效

瀏覽:138日期: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
相關文章:
主站蜘蛛池模板: 亚洲www啪成人一区二区麻豆 | 亚洲精品久久久蜜桃 | 成人免费在线视频 | 特黄色一级毛片 | 美女二区 | 一区二区三区国产 | 日韩影院在线观看 | 久久久久久免费毛片精品 | 日本三级在线视频 | 色婷婷av777| 日韩国产欧美一区 | 日本黄色大片免费 | 中文字幕91| 精品国产黄色片 | 国产精品无码久久久久 | 成人在线电影网站 | 精品乱码一区二区 | 亚洲二区视频 | 亚洲精品福利视频 | 日韩精品免费看 | 欧美成人精品一区二区三区 | 国产一区二区不卡 | 国产视频久久久 | 99riav国产一区二区三区 | 日韩高清一区 | 极品销魂美女一区二区 | 在线观看亚洲专区 | 国产精品美女一区二区 | 亚洲精品在线免费看 | 欧美色视频免费 | 青青久久久 | 91麻豆精品国产91久久久久久 | 国产精品18毛片一区二区 | 亚洲国产高清高潮精品美女 | 久久99精品久久久 | 日韩一区二区三区在线 | 亚洲午夜精品一区二区三区他趣 | 性做久久久久久免费观看欧美 | 国产一二三区免费视频 | 欧美日韩黄色一级片 | 亚洲一区毛片 |