چرخش با CSS

برای افزودن استایل این css رو بنویسین:

.rotate{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); writing-mode: tb-rl; }

برای مثال:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>چرخش با css | programmer.persianblog.ir</title>
<style type="text/css">
body{
direction:rtl;
font:normal 12px tahoma;
}
.rotate{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: tb-rl;
 
background-color:#bbb;
padding:10px;
width:400px;
}
</style>
</head>
<body>
<div class="rotate" >
این DIV با زاویه 90 درجه چرخانده شده.
</div>
</body>
</html>

چرخش با سی اس اس



/ 1 نظر / 59 بازدید
میثم

سلام مسلم جان خسته نباشی مطلب های مفیدی داخل سایتت دیدم، خداقوت.[چشمک]