svg下css定位和添加css3動(dòng)畫(huà)之后定位失效問(wèn)題，解決小紅包酬謝？在搜索了幾篇外文之后，我提到了SVG的forginobject中的HTML元素。當(dāng)應(yīng)用CSS3動(dòng)畫(huà)時(shí)，動(dòng)畫(huà)的變換原點(diǎn)是基于最外層的

svg下css定位和添加css3動(dòng)畫(huà)之后定位失效問(wèn)題，解決小紅包酬謝？

在搜索了幾篇外文之后，我提到了SVG的forginobject中的HTML元素。當(dāng)應(yīng)用CSS3動(dòng)畫(huà)時(shí)，動(dòng)畫(huà)的變換原點(diǎn)是基于最外層的物體，這似乎沒(méi)有解決方案。

我建議使用SVG的SMIL動(dòng)畫(huà)來(lái)實(shí)現(xiàn)連鎖反應(yīng)。如果用它來(lái)進(jìn)行大屏幕顯示，兼容性應(yīng)該不是主要問(wèn)題

隨著技術(shù)的更新和迭代，前端工作變得越來(lái)越繁重和復(fù)雜。

CSS技術(shù)就像一個(gè)數(shù)學(xué)問(wèn)題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10 1100 123的問(wèn)題？

隨著CSS3的出現(xiàn)，CSS不再簡(jiǎn)單，CSS3動(dòng)畫(huà)、變形、漸變、過(guò)濾器等

布局有彈性、網(wǎng)格等。就像數(shù)學(xué)問(wèn)題一樣，任何組合都是一種新類(lèi)型的問(wèn)題，變得極其復(fù)雜。所以學(xué)好基礎(chǔ)知識(shí)更重要，要有各種知識(shí)，扎實(shí)的基礎(chǔ)知識(shí)，看問(wèn)題類(lèi)型，有自己的想法，有多種解決方法，不受限制。CSS有復(fù)雜和困難的樣式，我們可以使用多種解決方案，比如canvas、SVG、真不圖像等等。

CSS為什么這么難學(xué)？

在最近的一個(gè)項(xiàng)目中，我們遇到了這個(gè)問(wèn)題。固定元素意外失敗。經(jīng)過(guò)不斷的研究，我們最終發(fā)現(xiàn)問(wèn)題是css3transform，因?yàn)閏ss3transform屬性被添加到了固定元素的父層。大家都知道，職位：固定你可以使元素不跟隨瀏覽器的滾動(dòng)條，而這種跟隨效果甚至是它的兄弟位置：相對(duì)/絕對(duì)沒(méi)有限制。但是，事實(shí)上是一件事，位置：固定固定效應(yīng)通過(guò)一個(gè)小的變換被消除，并直接退化為位置：絕對(duì)患者的卵痛癥狀相似。幸運(yùn)的是，它只在Chrome瀏覽器/Firefox瀏覽器中可用，其他瀏覽器都很正常。