چرخش اشیا با 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>