小草根

CSS3 3D旋转动画代码实例 移动translate以及矩阵变形matrix

作者:小草根   发布时间:2014-12-15 15:48   回复数:0   浏览数:561
小草根
5610小草根管理员
2014-12-15 15:48:52
5610 2014-12-15 15:48:52
话题: matrix 变形 动画


CSS3 3D旋转动画代码实例,本CSS3特效主要使用的是Transform属性实现,它是“变型”的意思,值主要包括:旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix 。通过这个实例,你将会学会如何使用它实现css3 3D动画。
<HTML>
<HEAD>
<TITLE>获取上传图片的大小及长、宽像素</TITLE>
</HEAD>
<BODY BGCOLOR=\"#FFFFFF\" TEXT=\"#000000\" LINK=\"#0000FF\" VLINK=\"#800080\">
<script>
var img=null;
function s()
{
if(img)img.removeNode(true);
img=document.createElement(\"img\");
img.style.position=\"absolute\";
img.style.visibility=\"hidden\";
img.attachEvent(\"onreadystatechange\",orsc);
img.attachEvent(\"onerror\",oe);
document.body.insertAdjacentElement(\"beforeend\",img);
img.src=inp.value;
}
function oe()
{
alert(\"cant load img\");
}
function orsc()
{
if(img.readyState!=\"complete\")return false;
alert(\"高:\"+img.offsetHeight+\"\n宽:\"+img.offsetWidth);
}
</script>
<input type=\"file\" Name=\"file\" id=\"inp\" value=\"默认值\">
<input type=\"button\" value=\"选择要上传图片的大小及长、宽\" name=\"button\">
</BODY>
</HTML>
游客
登录后才可以回帖,登录 或者 注册