<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WEB前端开发 &#187; transform</title>
	<atom:link href="http://www.css88.com/archives/tag/transform/feed" rel="self" type="application/rss+xml" />
	<link>http://www.css88.com</link>
	<description>专注前端开发，关注用户体验</description>
	<lastBuildDate>Mon, 06 Feb 2012 13:31:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Transform  Matrix(矩阵变形)-Css3演示</title>
		<link>http://www.css88.com/archives/2173</link>
		<comments>http://www.css88.com/archives/2173#comments</comments>
		<pubDate>Sat, 13 Mar 2010 07:37:28 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[html+css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Matrix]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[变形]]></category>
		<category><![CDATA[矩阵变形]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=2173</guid>
		<description><![CDATA[transform: matrix矩阵变形的几点说明： Matrix是transform的一个子集，基本语法transform: matrix(a, c, b, d, tx, ty); a, c, b, d是一个二维矩阵: ┌ ┐ │ a b │ │ c d │ └ ┘ tx, ty就是就是基于X和Y 坐标重新定位元素。 tx, ty参数值在各个浏览器下有差异： firefox下tx, ty除了0值之外必须只用长度单位值（“px”，“em”等）或者使用百分数 webkit和opera下tx, ty的值部门加单位或者百分数，他们就是一个数值，默认单位是px； IE有对应的滤镜： filter: progid:DXImageTransform.Microsoft.Matrix ,本例中可以设置M11，M12，M21，M22这四个值在ie下的效果 Transform  Matrix(矩阵变形)演示地址：http://www.css88.com/tool/css3Preview/Transform-Matrix.html 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《Transform Matrix(矩阵变形)-Css3演示》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/2173/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>transform(变形)和transform-origin(变形原点)-Css3演示</title>
		<link>http://www.css88.com/archives/2168</link>
		<comments>http://www.css88.com/archives/2168#comments</comments>
		<pubDate>Fri, 12 Mar 2010 10:19:54 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[html+css]]></category>
		<category><![CDATA[html5+css3]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[transform]]></category>
		<category><![CDATA[transform-origin]]></category>
		<category><![CDATA[变形]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=2168</guid>
		<description><![CDATA[transform(变形)和transform-origin(变形原点)的说明： 目前这两个属性得到了除去ie以外各个主流浏览器webkit，firefox，opera的支持，属性名分别为 -webkit-transform，-moz-transform，-o-transform; transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，该属性只有在设置了transform属性的时候起作用； 语法：-moz-transform-origin: [ &#60;percentage&#62; &#124; &#60;length&#62; &#124; left &#124; center &#124; right ][ &#60;percentage&#62; &#124; &#60;length&#62; &#124; top &#124; center &#124; bottom ] ? transform-origin接受两个参数，它们可以是百分比，em，px等具体的值，也可以是left,center,right，或者 top,center,bottom等描述性参数 ; top left &#124; left top 等价于 0 0； top &#124; top center &#124; center top 等价于 50% 0 right top &#124; top right 等价于 100% 0 left &#124; left center &#124; [...]]]></description>
		<wfw:commentRss>http://www.css88.com/archives/2168/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

