2. 程序综合区
  3. CSS3 3D旋转动画代码实例 移动translate以及矩阵变形matrix

2核1G3M服务器88一季度

腾讯云，阿里云百度云等 折扣价→点我←

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

公共账号 管理员组




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>

站长窝论坛版权声明 1、本帖标题：CSS3 3D旋转动画代码实例 移动translate以及矩阵变形matrix
2、论坛网址：站长窝论坛
3、站长窝论坛的资源部分来源于网络，如有侵权，请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本帖由公共账号在站长窝论坛《程序综合区》版块原创发布， 转载请注明出处！
收藏的用户（0） X
正在加载信息~
上一篇：CSS3绘图实例代码~纯CSS代码画图！
下一篇：使用CSS3纯代码技术绘制的灰太狼动画，绝对精彩！
评论
最新回复 (0)
返回
发新帖
作者最近主题
相关贴子