Re: transform ªº®i¶}ÄÝ©Ê - transform-rotate, transform-translate.... ?

¦n¹³³o¼Ëªº¸ÜÁÙ¦³ reset ªº°ÝÃD¡]¦pªG¤µ¤Ñ­n§â css transform ¨ú®ø±¼¡A­n«ç»ò°µ¡H¡^

§Ú¬O·Q¨ì¥i¥H¥Î pseudo-class ¸ÑÄÀ®M¥Îªº¶¶§Ç¡A¨S¦³©w¸qªº³Ì¥ý®M¥Î¡A®M¥Î¶¶§Ç¬Û¦Pªº´N¨Ì·Ó Kenny
µ¹ªº²Ä¤@­Ó¸Ñªkªº¶¶§Ç¨Ó®M¡]scale >skew >rotate > translate¡^¡A§Y¨Ï¬O®i¶}ÄݩʩάO²¼g³£¥Î¬Û¦Pªº¶¶§Ç¥h³B²z¡C


¨Ò¦p¡G

#demo{
transform: scale(2) translate(30px 10px);
transform-translate: 30px 60px; /* »\±¼¤W­±¤@¥bªº±Ô­z */
}

#demo:transform(1){
transform-rotate: 45deg;
}

¥X¨Óªºµ²ªG·|¥ý©ñ¤j¨â­¿¡A¥­²¾ 30px 60px ¤§«á¦A°µ 45 «×±ÛÂà


¯ÊÂI¡G
* reset ·|«Ü³Â·Ð

¦b 2011¦~4¤ë7¤é¤W¤È9:15¡Apingooo <ping.nsr.yeh@gmail.com> ¼g¹D¡G
>
>
> Kang-Hao (Kenny) Lu <kennyluck@w3.org> ©ó 2011¦~4¤ë7¤é¤W¤È3:27 ¼g¹D¡G
>>
>> [®¤§R]
>>
>> ³o­Ó©w¸q¤£§¹¥þ
>>
>> #demo.state1 {
>>   transform-rotate: 45 deg;
>> }
>> #demo {
>>   transform-translateX: 20px;
>> }
>>
>> ªº®É­Ô <div id="demo" class="state1"> ­þ­Ó¥ý©O¡H¤]¬O source code ¤Wªº¶¶§Ç¶Ü¡H¨º³o¼Ë CSS
>> ¸ê®Æµ²ºc­n°O­þ­Ó {...} ¥ý­þ­Ó«á­C¡A¦n¹³·|¼vÅT®Ä²v¼vÅTªº«ÜºGªº¼Ë¤l...
>
> ¨S°O¿ùªº¸Ü¡A#id.class «ü¥O»\¹L #id «ü¥O»\¹L class «ü¥O¡A¦ý¡u»\¹L¡v¬O«ü¦P­ÓÄݩʪº«ü¥O¡A¤U¨Òªºµ²ªGÀ³¸Ó¬O rotate 45deg¡C
> #demo {
>   transform-rotate: 90 deg;
> }
> #demo.state1 {
>   transform-rotate: 45 deg;
> }
>
> ¤£¦PÄݩʪº¸Ü¡AÂsÄý¾¹·|ºâ¥X­n±µ¨üªº«ü¥O¶°¡A¦A¡u¤@¤@¡vÀ³¥Î¤W¥h¡C¤§«eªº«ü¥O³£¬O¥i¥æ´«ªº¡]commutative¡^¡A¨S¦³¶¶§Çªº°ÝÃD¡Ctransform-*
> «ü¥O¬O¤£¥i¥æ´«ªº¡]noncommutative¡^¡]´N¬O»¡¶¶§Ç¥æ´«µ²ªG·|ÅÜ¡^¡A´N¦³¶¶§Ç°ÝÃD¡C¤£¥u­n©w¸q¦P¯Åªº«ü¥O¶¶§Ç¡]¦P¯Å¡G³£¦b ID ¸Ì¡B³£¦b
> class ¸Ì... µ¥µ¥¡^¡AÁÙ­n©w¸q¤£¦P¯Å¤§¶¡ªº«ü¥O¶¶§Ç¡C
> ¤]³\³o´N¬O·íªì¤£·QÀ° transform ¥Í¤p«Äªº­ì¦]¡H¥þ³¡¥Î transform ´N¥i¥Hªu¥Î­ì¦³ªº¡u»\¹L¡vÅÞ¿è¡C
> ¦pªG¯u­n­q¶¶§Ç¡A·Pı¤W¤ñ¸û¦ÛµMªº¶¶§Ç¥i¯à¬O¡u¦P¯Å¡G¬ÝÀɮפ¤ªº¥ý«á¡v¡B¡u¤£¦P¯Å¡G§Cµ¥¯Å¥ý¡B°ªµ¥¯Å«á¡v¡C
>
>>
>> Kenny
>
>



-- 
Medical-Wei/ÃQÃÄ

----
Please avoid sending me Word or PowerPoint attachments.
See: http://www.gnu.org/philosophy/no-word-attachments.html
½Ð¾¨¥i¯à¤£­n±Hµ¹§Ú Microsoft Word ©Î¬O PowerPoint ªºªþ¥ó¡A§Ú·|¥´¤£¶}¡C
°Ñ·Ó¡Ghttp://blog.ofset.org/ckhung/index.php?post/081-nodocx

Received on Thursday, 7 April 2011 03:00:58 UTC