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

Рамка-градиент. Свойство border-image

Рамка-градиент

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

<style>
    .wrap {
        text-align: center;
    }
    .wrap div {
        width: 300px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        border: 15px solid;
        display: inline-block;
        font-size: 18px;
        border-image: linear-gradient(to bottom right, #191, #def, #03c) 1;
    }
</style>
<div class="wrap">
    <div>Рамка-градиент</div>
</div>


.

© Copyright 2008-2018 by KDG



Rambler's Top100