忘记密码?

一键登录

草根吧源码论坛

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

查看: 323|回复: 0

[HTML+CSS+JS特效] CSS3 3D旋转动画代码实例 移动translate以及矩阵变形matrix

[复制链接]

5760

主题

704

热度

2209

贡献

管理员

Rank: 9Rank: 9Rank: 9

DZ专员

发表于 2014-12-15 15:48:52 | 显示全部楼层 |阅读模式 | 百度  360  谷歌 
分享到:


css3 3D旋转动画代码实例,本CSS3特效主要使用的是Transform属性实现,它是“变型”的意思,值主要包括:旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix 。通过这个实例,你将会学会如何使用它实现css3 3D动画。
  1. <HTML>
  2. <HEAD>
  3. <TITLE>获取上传图片的大小及长、宽像素</TITLE>
  4. </HEAD>
  5. <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080">
  6. <script>
  7. var img=null;
  8. function s()
  9. {
  10. if(img)img.removeNode(true);
  11. img=document.createElement("img");
  12. img.style.position="absolute";
  13. img.style.visibility="hidden";
  14. img.attachEvent("onreadystatechange",orsc);
  15. img.attachEvent("onerror",oe);
  16. document.body.insertAdjacentElement("beforeend",img);
  17. img.src=inp.value;
  18. }
  19. function oe()
  20. {
  21. alert("cant load img");
  22. }
  23. function orsc()
  24. {
  25. if(img.readyState!="complete")return false;
  26. alert("高:"+img.offsetHeight+"\n宽:"+img.offsetWidth);
  27. }
  28. </script>
  29. <input type="file" Name="file" id="inp" value="默认值">
  30. <input type="button" value="选择要上传图片的大小及长、宽" name="button">
  31. </BODY>
  32. </HTML>
复制代码

帖子地址: 

本文来源于草根吧源码论坛 www.caogen8.co,欢迎大家下载。
如果您没有贡献需要充值,可以直接在线充值,点击充值
如果你需要加入本站赞助VIP会员,可以直接在线开通,点击开通
如果找不到您要的资源,请搜索一下,点击搜索
回复

举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆 用百度帐号登录 一键登录:

本版积分规则

收藏帖子 返回列表 搜索
快速回复 返回顶部 返回列表