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




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




Наш Telegram бот: @htmlweb_bot

CSS-трансформации. Центр трансформации

Свойство transform-origin

transform: rotate(-5deg); transform-origin: right bottom;
Исходный код этого примера:
<style>
    .trans-box {
        border: 2px #999 dashed;
        padding-bottom: 30px;
        width: 360px;
    }
    .trans-item {
        background-color: rgba(222, 235, 236, 0.8);
        font: 14px/24px Arial,sans-serif;
        height: 34px;
        width: 360px;
        padding: 5px;
        box-sizing: border-box;
        transform: rotate(-5deg);
        transform-origin: right bottom;
    }
</style>
<div class="trans-box">
    <div class="trans-item">transform: rotate(-5deg); transform-origin: right bottom;</div>
</div>

.