流星悟语 发表于 2015-8-25 18:40:04

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

有转换图像元素的css代码设置函数。 有两个元素,一个在右上角左上方角落。 它看起来像一个笔记的样式。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
div#delta {
position:absolute;
top:10px;
left:10px;
transform:rotate(15deg);
-webkit-transform:rotate(15deg);
padding:15px;
background-color:cyan;
color:black;
}
div#bravo {
position:absolute;
top:10px;
right:10px;
transform:rotate(-15deg);
-webkit-transform:rotate(-15deg);
padding:15px;
background-color:yellow;
color:black;
}
</style>
</head>
<body>
<div id="delta">
<p>This text should match to div orientation.</p>
</div>
<div id="bravo">
<p>Second corner</p>
</div>
</body>
</html>
页: [1]
查看完整版本: Tizen转换图像依赖的对象样式代码