Re: transform 的展開屬性 - transform-rotate, transform-translate.... ?

(11/04/06 20:42), pingooo wrote:。
> 就算用 also-transform 也沒解決指定多次的順序問題吧？
>
> #demo.state-1 {
>  also-transform: rotate(45deg);
>  also-transform: translateX(20px);
> }
>
> 是先轉再平移、還是先移再轉、還是後取代前所以只移不轉？

後取代前，所以只移不轉。 also- 這個取名還蠻容易造成誤會的，取名叫
transform-two 可能更貼切吧。不過就是很醜，而且只到 two 也是很不自然...

>
> 我不熟 CSS，
>
> #demo.state-1 {
>  transform-rotate: 45deg;
>  transform-translateX: 20px;
> }
>
> 是否可以解釋為先轉後移？

這個定義不完全

#demo.state1 {
  transform-rotate: 45 deg;
}
#demo {
  transform-translateX: 20px;
}

的時候 <div id="demo" class="state1"> 哪個先呢？也是 source code 上的順
序嗎？那這樣 CSS 資料結構要記哪個 {...} 先哪個後耶，好像會影響效率影響的
很慘的樣子...


Kenny