切换到宽版

 找回密码
 立即注册
Tizen|泰泽论坛,中国领先的泰泽Tizen论坛!»泰泽论坛 › Tizen开发联盟（TizenEye） › Tizen/HTML5开发专区 › Tizen转换图像依赖的对象样式代码
返回列表 发新帖
查看: 1994|回复: 0

Tizen转换图像依赖的对象样式代码

[复制链接]
流星悟语
发表于 2015-8-25 18:40:04 | 显示全部楼层 |阅读模式
有转换图像元素的css代码设置函数。 有两个元素,一个在右上角左上方角落。 它看起来像一个笔记的样式。
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <style>
  6. div#delta {
  7. position:absolute;
  8. top:10px;
  9. left:10px;
  10. transform:rotate(15deg);
  11. -webkit-transform:rotate(15deg);
  12. padding:15px;
  13. background-color:cyan;
  14. color:black;
  15.   }
  16. div#bravo {
  17. position:absolute;
  18. top:10px;
  19. right:10px;
  20. transform:rotate(-15deg);
  21. -webkit-transform:rotate(-15deg);
  22. padding:15px;
  23. background-color:yellow;
  24. color:black;
  25.   }
  26. </style>
  27. </head>
  28. <body>
  29. <div id="delta">
  30. <p>This text should match to div orientation.</p>
  31. </div>
  32. <div id="bravo">
  33. <p>Second corner</p>
  34. </div>
  35. </body>
  36. </html>
复制代码
学位, 元素, 代码

相关帖子

欢迎来到泰泽网：http://www.tizennet.com/ 泰泽论坛:http://bbs.tizennet.com/ 好没有内涵哦,快到设置中更改这个无聊的签名吧！
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|泰泽应用|泰泽论坛|泰泽网|小黑屋|Archiver|手机版|泰泽邮箱|泰泽网 ( 蜀ICP备13024062号-1 )

GMT+8, 2024-4-24 16:53 , Processed in 0.049877 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表