css3中怎樣定義動(dòng)畫的旋轉(zhuǎn)中心點(diǎn)？我們沒有使用transform-origin改變元素原點(diǎn)位置的情況下，CSS變形進(jìn)行的旋轉(zhuǎn)、移位、縮放等操作都是以元素自己中心（變形原點(diǎn)）位置進(jìn)行變形的。但很多時(shí)候

css3中怎樣定義動(dòng)畫的旋轉(zhuǎn)中心點(diǎn)？

我們沒有使用transform-origin改變元素原點(diǎn)位置的情況下，CSS變形進(jìn)行的旋轉(zhuǎn)、移位、縮放等操作都是以元素自己中心（變形原點(diǎn)）位置進(jìn)行變形的。但很多時(shí)候需要在不同的位置對(duì)元素進(jìn)行變形操作，我們就可以使用transform-origin來對(duì)元素進(jìn)行原點(diǎn)位置改變，使元素原點(diǎn)不在元素的中心位置，以達(dá)到需要的原點(diǎn)位置。如果我們把元素變換原點(diǎn)（transform-origin）設(shè)置0（x） 0（y），這個(gè)時(shí)候元素的變換原點(diǎn)轉(zhuǎn)換到元素的左頂角處。改變transform-origin屬性的X軸和Y軸的值就可以重置元素變形原點(diǎn)位置，其基本語法如下所示:`transform-origin：[

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

你好，我是“web秀-提供專業(yè)的web前端技術(shù)知識(shí)”。

隨著技術(shù)的更新迭代，前端的工作越來越重了，也越來越復(fù)雜。

css技術(shù)就好比數(shù)學(xué)問題，可變性太強(qiáng)，這就是難點(diǎn)所在，舉例，你能很清楚1 1=2，但是1 1000-10 1100 123這個(gè)問題，你是不是就要好好思考一下？

隨著css3的到來，css就已經(jīng)不再簡單了，css3動(dòng)畫，變形，漸變，濾鏡等

布局有flex、grid等。就好像數(shù)學(xué)題，任意的組合都是一種新的題型，變得異常復(fù)雜。所以學(xué)好基礎(chǔ)知識(shí)比較重要，一通百通，基礎(chǔ)知識(shí)牢固，看到題型，有自己的想法，解決方法也有很多種，不會(huì)局限。有復(fù)雜難搞的css樣式，我們可以通過多種解決方案，比如canvas，svg，實(shí)在不行圖片等等。

CSS、HTML、JScript需要學(xué)習(xí)多久，才可以開發(fā)簡單的商城類小程序呢？

只能說html css JavaScript是基礎(chǔ)。但是只會(huì)這三樣是不能開發(fā)小程序的。

第一，小程序的HTML有自己的標(biāo)簽，這個(gè)不是很多，語法跟Vue非常類似。

第二，css樣式，小程序有自己的實(shí)現(xiàn)。最大的不同是它有一個(gè)單位rpx，其他的總體是相同的。

第三，Javascript設(shè)計(jì)就是邏輯層，這個(gè)相對(duì)來說難度是最大的。小程序也有自己的實(shí)現(xiàn)，同時(shí)也要理解生命周期。

單單是上面那三樣是不足以開發(fā)小程序的。所以必須根據(jù)小程序的文檔熟悉一下，但這個(gè)是建立在這三樣基礎(chǔ)上。如果這三樣你都不會(huì)，顯然學(xué)起來是比較費(fèi)勁的。

至于要學(xué)習(xí)多長時(shí)間，根據(jù)你的基礎(chǔ)情況來決定。