svg下css定位和添加css3動畫之后定位失效問題，解決小紅包酬謝？在搜索了幾篇外文之后，我提到了SVG的forginobject中的HTML元素。當應用CSS3動畫時，動畫的變換原點是基于最外層的

svg下css定位和添加css3動畫之后定位失效問題，解決小紅包酬謝？

在搜索了幾篇外文之后，我提到了SVG的forginobject中的HTML元素。當應用CSS3動畫時，動畫的變換原點是基于最外層的物體，這似乎沒有解決方案。

我建議使用SVG的SMIL動畫來實現連鎖反應。如果用它來進行大屏幕顯示，兼容性應該不是主要問題

隨著技術的更新和迭代，前端工作變得越來越繁重和復雜。

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

隨著CSS3的出現，CSS不再簡單，CSS3動畫、變形、漸變、過濾器等

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

CSS為什么這么難學？

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