Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

CSS-трансформации. Поворот

transform: rotate(угол)

transform: rotate(45deg)
transform: rotate(-45deg)
transform: rotate(270deg)
Исходный код этого примера:
<style>
    .trans-box {
        margin: 60px 0 30px 0;
    }
    .trans-item {
        background-color: #deebec;
        font: 14px/24px Arial,sans-serif;
        height: 34px;
        width: auto;
        margin: 10px 0;
        padding: 5px 10px;
        box-sizing: border-box;
        display: inline-block;
    }
    .trans-item.item1 {
        transform: rotate(45deg);
    }
    .trans-item.item2 {
        transform: rotate(-45deg);
    }
    .trans-item.item3 {
        transform: rotate(270deg);
    }
</style>
<div class="trans-box">
    <div class="trans-item item1">transform: rotate(45deg)</div>
    <div class="trans-item item2">transform: rotate(-45deg)</div>
    <div class="trans-item item3">transform: rotate(270deg)</div>
</div>

.