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

2011/4/8 Kang-Hao (Kenny) Lu <kennyluck@w3.org>

>
>    1. 每一个 also/next 都是一个完整的 transform, 有利于减少冗余代码和各方面的维护工作.
>    transform-rotate 的形式, 每增加一个新的函数 (如 bounce), 那就要相应有一个 transform-bounce,
>    而 also/next 则无需更改语法
>    2. 在 reset transform 的时候, 可以用 transform-reset: all/rotate/... 简单且统一
>
>
> 其實這個想法好像蠻有意思,似乎可以推廣到 background-reset 取消多背景的其中一個背景
> 如: background-reset: all/1/2/... 之類的
>
> 這個屬性感覺比較奇怪的地方在於,CSS 好像沒有這種其他這種取消屬性的東西?一個為了取消另一個的屬性的一部份的屬性感覺是有點狹隘。
>
> 主要問題還是在於是不是真的有需要....
>
>
> Kenny
>

background-reset 这类是否真的有需要这个说不准, 但是 transform, transition, animation 这类动画
相关属性则有需要.

众所周知, CSS 层的动画性能远比 JS 层的好, 在现实案例里我们很可能会根据用户的行为
来取消某些动画事件, 比如固定周期的附带 fadeout/in 效果的 slideshow, 如果在用户悬停时只是停止
固定周期的移动, xxx-reset 就可以很好地实现, 代码量也随之减少.

关于其他属性, 突然想起某些情况:
border: 2px solid #ccc;
border-top: 0 none;
这个和 reset 似乎也是异曲同工.

但是也想到了另外的问题, reset 意思是恢复到初始值, 相对于 rotate 等参数, 各个属性的初始值又是
什么呢? 第一次定义的值? user agent stylesheet 的值?

Regards,

Chris

-- ねだるな、かちとれ、さすればあたえられん --

Received on Thursday, 7 April 2011 17:33:06 UTC