AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

CSS-переход

Наведите мышку на этот блок


Исходный код этого примера:

<style>
    .trans-box {
        border: 4px solid #408cff;
        color: #408cff;
        font: bold 20px/42px Arial,sans-serif;
        height: 42px;
        text-align: center;
        width: 400px;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        transition: all 300ms linear;
    }
    .trans-box:hover {
        border-color: #ff5018;
        color: #ff5018;
    }
</style>
<div class="trans-box">Наведите мышку на этот блок</div>


.

© Copyright 2008- by KDG



Rambler's Top100